@salutejs/sdds-cs 0.319.0-canary.2020.15831403447.0 → 0.319.0-canary.2021.15776478579.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (960) hide show
  1. package/components/Accordion/Accordion.config.js +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.js +15 -50
  49. package/components/Combobox/index.js +7 -6
  50. package/components/Counter/Counter.config.js +21 -95
  51. package/components/Counter/Counter.js +11 -11
  52. package/components/Counter/index.js +15 -16
  53. package/components/DatePicker/DatePicker.config.js +24 -264
  54. package/components/DatePicker/DatePicker.js +9 -21
  55. package/components/DatePicker/index.js +27 -22
  56. package/components/Divider/Divider.config.js +27 -109
  57. package/components/Divider/Divider.js +11 -11
  58. package/components/Divider/index.js +15 -16
  59. package/components/Drawer/Drawer.config.js +22 -79
  60. package/components/Drawer/Drawer.js +29 -31
  61. package/components/Drawer/index.js +26 -21
  62. package/components/Dropdown/Dropdown.config.js +18 -94
  63. package/components/Dropdown/Dropdown.js +15 -50
  64. package/components/Dropdown/index.js +7 -6
  65. package/components/Dropzone/Dropzone.config.js +21 -86
  66. package/components/Dropzone/Dropzone.js +7 -11
  67. package/components/Dropzone/index.js +21 -19
  68. package/components/EmptyState/EmptyState.config.js +18 -114
  69. package/components/EmptyState/EmptyState.js +7 -19
  70. package/components/EmptyState/index.js +7 -6
  71. package/components/Flow/Flow.config.js +7 -11
  72. package/components/Flow/Flow.js +7 -11
  73. package/components/Flow/index.js +7 -6
  74. package/components/Grid/Grid.config.js +19 -71
  75. package/components/Grid/Grid.js +18 -21
  76. package/components/Grid/index.js +20 -18
  77. package/components/IconButton/IconButton.config.js +28 -146
  78. package/components/IconButton/IconButton.js +12 -12
  79. package/components/IconButton/index.js +7 -6
  80. package/components/Image/Image.component-test.js +92 -0
  81. package/components/Image/Image.js +11 -11
  82. package/components/Image/index.js +7 -6
  83. package/components/Indicator/Indicator.config.js +26 -138
  84. package/components/Indicator/Indicator.js +7 -19
  85. package/components/Indicator/index.js +7 -6
  86. package/components/Link/Link.config.js +29 -214
  87. package/components/Link/Link.js +11 -12
  88. package/components/Link/index.js +7 -6
  89. package/components/Mask/Mask.js +6 -10
  90. package/components/Mask/index.js +7 -6
  91. package/components/Modal/Modal.config.js +15 -47
  92. package/components/Modal/Modal.js +12 -12
  93. package/components/Modal/index.js +15 -16
  94. package/components/Notification/Notification.config.js +26 -163
  95. package/components/Notification/Notification.js +23 -38
  96. package/components/Notification/index.js +27 -22
  97. package/components/NumberFormat/NumberFormat.js +13 -10
  98. package/components/NumberFormat/index.js +7 -6
  99. package/components/NumberInput/NumberInput.config.js +34 -154
  100. package/components/NumberInput/NumberInput.js +7 -11
  101. package/components/NumberInput/index.js +21 -19
  102. package/components/Overlay/index.js +7 -6
  103. package/components/Pagination/Pagination.component-test.js +298 -0
  104. package/components/Pagination/Pagination.config.js +26 -139
  105. package/components/Pagination/Pagination.js +12 -12
  106. package/components/Pagination/index.js +7 -6
  107. package/components/Popover/Popover.config.js +15 -43
  108. package/components/Popover/Popover.js +7 -11
  109. package/components/Popover/index.js +7 -6
  110. package/components/Popup/Popup.js +10 -10
  111. package/components/Popup/index.js +27 -22
  112. package/components/Portal/index.js +7 -6
  113. package/components/Price/Price.config.js +11 -15
  114. package/components/Price/Price.js +12 -12
  115. package/components/Price/index.js +15 -16
  116. package/components/Progress/Progress.config.js +21 -95
  117. package/components/Progress/Progress.js +8 -12
  118. package/components/Progress/index.js +7 -6
  119. package/components/Radiobox/Radiobox.config.js +31 -106
  120. package/components/Radiobox/Radiobox.js +16 -19
  121. package/components/Radiobox/index.js +14 -15
  122. package/components/Range/Range.config.js +24 -157
  123. package/components/Range/Range.js +11 -11
  124. package/components/Range/index.js +15 -16
  125. package/components/Rating/Rating.config.js +20 -117
  126. package/components/Rating/Rating.js +7 -11
  127. package/components/Rating/index.js +21 -19
  128. package/components/SSRProvider/index.js +7 -6
  129. package/components/Segment/Segment.js +32 -27
  130. package/components/Segment/SegmentGroup.config.js +34 -130
  131. package/components/Segment/SegmentItem.config.js +25 -124
  132. package/components/Segment/index.js +26 -21
  133. package/components/Select/Select.config.js +35 -305
  134. package/components/Select/Select.js +15 -50
  135. package/components/Select/index.js +7 -6
  136. package/components/Sheet/Sheet.config.js +18 -63
  137. package/components/Sheet/Sheet.js +12 -12
  138. package/components/Sheet/index.js +15 -16
  139. package/components/Skeleton/LineSkeleton.config.js +31 -230
  140. package/components/Skeleton/Skeleton.js +20 -25
  141. package/components/Skeleton/index.js +26 -21
  142. package/components/Slider/Slider.component-test.js +223 -0
  143. package/components/Slider/Slider.config.js +22 -147
  144. package/components/Slider/Slider.js +13 -12
  145. package/components/Slider/index.js +7 -6
  146. package/components/Spinner/Spinner.config.js +23 -107
  147. package/components/Spinner/Spinner.js +15 -23
  148. package/components/Spinner/index.js +7 -6
  149. package/components/Steps/Steps.config.js +18 -105
  150. package/components/Steps/Steps.js +8 -12
  151. package/components/Steps/index.js +7 -6
  152. package/components/Switch/Switch.config.js +31 -149
  153. package/components/Switch/Switch.js +8 -12
  154. package/components/Switch/index.js +7 -6
  155. package/components/Table/Table.config.js +21 -257
  156. package/components/Table/Table.js +12 -12
  157. package/components/Table/index.js +7 -6
  158. package/components/Tabs/TabItem.js +21 -26
  159. package/components/Tabs/Tabs.js +21 -26
  160. package/components/Tabs/TabsController.js +16 -15
  161. package/components/Tabs/horizontal/HorizontalTabItem.config.js +30 -230
  162. package/components/Tabs/horizontal/HorizontalTabs.config.js +37 -266
  163. package/components/Tabs/index.js +35 -27
  164. package/components/Tabs/vertical/VerticalTabItem.config.js +24 -125
  165. package/components/Tabs/vertical/VerticalTabs.config.js +24 -98
  166. package/components/TextArea/TextArea.config.js +42 -367
  167. package/components/TextArea/TextArea.js +12 -12
  168. package/components/TextArea/index.js +7 -6
  169. package/components/TextField/TextField.config.js +40 -338
  170. package/components/TextField/TextField.js +11 -11
  171. package/components/TextField/index.js +15 -16
  172. package/components/Toast/Toast.config.js +35 -127
  173. package/components/Toast/Toast.js +14 -26
  174. package/components/Toast/index.js +20 -18
  175. package/components/ToastNew/ToastNew.config.js +21 -80
  176. package/components/ToastNew/ToastNew.js +8 -20
  177. package/components/ToastNew/index.js +14 -15
  178. package/components/Tokens/Colors/Colors.styles.js +51 -147
  179. package/components/Tokens/NumberTokens/NumberTokens.styles.js +23 -70
  180. package/components/Tokens/Typography/Typography.styles.js +76 -204
  181. package/components/Toolbar/Toolbar.config.js +18 -57
  182. package/components/Toolbar/Toolbar.js +13 -21
  183. package/components/Toolbar/index.js +21 -19
  184. package/components/Tooltip/Tooltip.config.js +19 -71
  185. package/components/Tooltip/Tooltip.js +7 -11
  186. package/components/Tooltip/index.js +7 -6
  187. package/components/Tree/Tree.config.js +18 -83
  188. package/components/Tree/Tree.js +7 -11
  189. package/components/Tree/index.js +7 -6
  190. package/components/Typography/Body.config.js +47 -161
  191. package/components/Typography/Dspl.config.js +31 -105
  192. package/components/Typography/Heading.config.js +47 -161
  193. package/components/Typography/Text.config.js +39 -133
  194. package/components/Typography/Typography.js +59 -116
  195. package/components/Typography/index.js +106 -62
  196. package/components/ViewContainer/ViewContainer.config.js +14 -46
  197. package/components/ViewContainer/ViewContainer.js +7 -11
  198. package/components/ViewContainer/index.js +7 -6
  199. package/emotion/cjs/components/Accordion/Accordion.config.js +19 -101
  200. package/emotion/cjs/components/Accordion/Accordion.js +12 -18
  201. package/emotion/cjs/components/Accordion/Accordion.stories.tsx +159 -0
  202. package/emotion/cjs/components/Accordion/index.js +14 -15
  203. package/emotion/cjs/components/Attach/Attach.config.js +26 -267
  204. package/emotion/cjs/components/Attach/Attach.js +11 -11
  205. package/emotion/cjs/components/Attach/Attach.stories.tsx +157 -0
  206. package/emotion/cjs/components/Attach/index.js +7 -6
  207. package/emotion/cjs/components/Autocomplete/Autocomplete.config.js +30 -247
  208. package/emotion/cjs/components/Autocomplete/Autocomplete.js +7 -11
  209. package/emotion/cjs/components/Autocomplete/Autocomplete.stories.tsx +170 -0
  210. package/emotion/cjs/components/Autocomplete/index.js +7 -6
  211. package/emotion/cjs/components/Avatar/Avatar.config.js +31 -197
  212. package/emotion/cjs/components/Avatar/Avatar.js +7 -19
  213. package/emotion/cjs/components/Avatar/Avatar.stories.tsx +74 -0
  214. package/emotion/cjs/components/Avatar/index.js +7 -6
  215. package/emotion/cjs/components/AvatarGroup/AvatarGroup.js +6 -10
  216. package/emotion/cjs/components/AvatarGroup/AvatarGroup.stories.tsx +71 -0
  217. package/emotion/cjs/components/AvatarGroup/index.js +7 -6
  218. package/emotion/cjs/components/Badge/Badge.config.js +30 -145
  219. package/emotion/cjs/components/Badge/Badge.js +11 -11
  220. package/emotion/cjs/components/Badge/Badge.stories.tsx +87 -0
  221. package/emotion/cjs/components/Badge/index.js +7 -6
  222. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.config.js +18 -60
  223. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +12 -12
  224. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.stories.tsx +82 -0
  225. package/emotion/cjs/components/Breadcrumbs/index.js +7 -6
  226. package/emotion/cjs/components/Button/Button.config.js +30 -174
  227. package/emotion/cjs/components/Button/Button.js +41 -146
  228. package/emotion/cjs/components/Button/Button.stories.tsx +212 -0
  229. package/emotion/cjs/components/Button/index.js +7 -6
  230. package/emotion/cjs/components/ButtonBase/index.js +7 -6
  231. package/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +38 -228
  232. package/emotion/cjs/components/ButtonGroup/ButtonGroup.js +11 -11
  233. package/emotion/cjs/components/ButtonGroup/ButtonGroup.stories.tsx +109 -0
  234. package/emotion/cjs/components/ButtonGroup/index.js +7 -6
  235. package/emotion/cjs/components/Calendar/Calendar.js +18 -39
  236. package/emotion/cjs/components/Calendar/Calendar.stories.tsx +304 -0
  237. package/emotion/cjs/components/Calendar/CalendarBase.config.js +18 -128
  238. package/emotion/cjs/components/Calendar/CalendarDouble.config.js +18 -128
  239. package/emotion/cjs/components/Calendar/index.js +32 -24
  240. package/emotion/cjs/components/Card/Card.config.js +20 -81
  241. package/emotion/cjs/components/Card/Card.js +23 -22
  242. package/emotion/cjs/components/Card/Card.stories.tsx +281 -0
  243. package/emotion/cjs/components/Card/index.js +20 -18
  244. package/emotion/cjs/components/Cell/Cell.config.js +16 -110
  245. package/emotion/cjs/components/Cell/Cell.js +12 -12
  246. package/emotion/cjs/components/Cell/Cell.stories.tsx +97 -0
  247. package/emotion/cjs/components/Cell/index.js +33 -25
  248. package/emotion/cjs/components/Checkbox/Checkbox.config.js +25 -104
  249. package/emotion/cjs/components/Checkbox/Checkbox.js +11 -12
  250. package/emotion/cjs/components/Checkbox/Checkbox.stories.tsx +232 -0
  251. package/emotion/cjs/components/Checkbox/index.js +7 -6
  252. package/emotion/cjs/components/Chip/Chip.config.js +25 -162
  253. package/emotion/cjs/components/Chip/Chip.js +12 -12
  254. package/emotion/cjs/components/Chip/Chip.stories.tsx +93 -0
  255. package/emotion/cjs/components/Chip/index.js +7 -6
  256. package/emotion/cjs/components/ChipGroup/ChipGroup.config.js +24 -127
  257. package/emotion/cjs/components/ChipGroup/ChipGroup.js +7 -11
  258. package/emotion/cjs/components/ChipGroup/ChipGroup.stories.tsx +79 -0
  259. package/emotion/cjs/components/ChipGroup/index.js +7 -6
  260. package/emotion/cjs/components/Combobox/Combobox.config.js +30 -313
  261. package/emotion/cjs/components/Combobox/Combobox.js +15 -50
  262. package/emotion/cjs/components/Combobox/Combobox.stories.tsx +604 -0
  263. package/emotion/cjs/components/Combobox/index.js +7 -6
  264. package/emotion/cjs/components/Counter/Counter.config.js +21 -95
  265. package/emotion/cjs/components/Counter/Counter.js +11 -11
  266. package/emotion/cjs/components/Counter/Counter.stories.tsx +34 -0
  267. package/emotion/cjs/components/Counter/index.js +15 -16
  268. package/emotion/cjs/components/DatePicker/DatePicker.config.js +24 -264
  269. package/emotion/cjs/components/DatePicker/DatePicker.js +9 -21
  270. package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx +309 -0
  271. package/emotion/cjs/components/DatePicker/index.js +27 -22
  272. package/emotion/cjs/components/Divider/Divider.config.js +27 -109
  273. package/emotion/cjs/components/Divider/Divider.js +11 -11
  274. package/emotion/cjs/components/Divider/Divider.stories.tsx +58 -0
  275. package/emotion/cjs/components/Divider/index.js +15 -16
  276. package/emotion/cjs/components/Drawer/Drawer.config.js +22 -79
  277. package/emotion/cjs/components/Drawer/Drawer.js +29 -31
  278. package/emotion/cjs/components/Drawer/Drawer.stories.tsx +217 -0
  279. package/emotion/cjs/components/Drawer/index.js +26 -21
  280. package/emotion/cjs/components/Dropdown/Dropdown.config.js +18 -94
  281. package/emotion/cjs/components/Dropdown/Dropdown.js +15 -50
  282. package/emotion/cjs/components/Dropdown/Dropdown.stories.tsx +331 -0
  283. package/emotion/cjs/components/Dropdown/index.js +7 -6
  284. package/emotion/cjs/components/Dropzone/Dropzone.config.js +21 -86
  285. package/emotion/cjs/components/Dropzone/Dropzone.js +7 -11
  286. package/emotion/cjs/components/Dropzone/Dropzone.stories.tsx +58 -0
  287. package/emotion/cjs/components/Dropzone/index.js +21 -19
  288. package/emotion/cjs/components/EmptyState/EmptyState.config.js +18 -114
  289. package/emotion/cjs/components/EmptyState/EmptyState.js +7 -19
  290. package/emotion/cjs/components/EmptyState/EmptyState.stories.tsx +43 -0
  291. package/emotion/cjs/components/EmptyState/index.js +7 -6
  292. package/emotion/cjs/components/Flow/Flow.config.js +7 -11
  293. package/emotion/cjs/components/Flow/Flow.js +7 -11
  294. package/emotion/cjs/components/Flow/Flow.stories.tsx +133 -0
  295. package/emotion/cjs/components/Flow/index.js +7 -6
  296. package/emotion/cjs/components/Grid/Grid.config.js +19 -71
  297. package/emotion/cjs/components/Grid/Grid.js +18 -21
  298. package/emotion/cjs/components/Grid/Grid.stories.tsx +119 -0
  299. package/emotion/cjs/components/Grid/index.js +20 -18
  300. package/emotion/cjs/components/IconButton/IconButton.config.js +28 -146
  301. package/emotion/cjs/components/IconButton/IconButton.js +12 -12
  302. package/emotion/cjs/components/IconButton/IconButton.stories.tsx +94 -0
  303. package/emotion/cjs/components/IconButton/index.js +7 -6
  304. package/emotion/cjs/components/Image/Image.component-test.js +91 -0
  305. package/emotion/cjs/components/Image/Image.js +11 -11
  306. package/emotion/cjs/components/Image/Image.stories.tsx +44 -0
  307. package/emotion/cjs/components/Image/index.js +7 -6
  308. package/emotion/cjs/components/Indicator/Indicator.config.js +26 -138
  309. package/emotion/cjs/components/Indicator/Indicator.js +7 -19
  310. package/emotion/cjs/components/Indicator/Indicator.stories.tsx +34 -0
  311. package/emotion/cjs/components/Indicator/index.js +7 -6
  312. package/emotion/cjs/components/Link/Link.config.js +29 -214
  313. package/emotion/cjs/components/Link/Link.js +11 -12
  314. package/emotion/cjs/components/Link/Link.stories.tsx +57 -0
  315. package/emotion/cjs/components/Link/index.js +7 -6
  316. package/emotion/cjs/components/Mask/Mask.js +6 -10
  317. package/emotion/cjs/components/Mask/Mask.stories.tsx +176 -0
  318. package/emotion/cjs/components/Mask/index.js +7 -6
  319. package/emotion/cjs/components/Modal/Modal.config.js +15 -47
  320. package/emotion/cjs/components/Modal/Modal.js +12 -12
  321. package/emotion/cjs/components/Modal/Modal.stories.tsx +426 -0
  322. package/emotion/cjs/components/Modal/index.js +15 -16
  323. package/emotion/cjs/components/Notification/Notification.config.js +26 -163
  324. package/emotion/cjs/components/Notification/Notification.js +23 -38
  325. package/emotion/cjs/components/Notification/Notification.stories.tsx +221 -0
  326. package/emotion/cjs/components/Notification/index.js +27 -22
  327. package/emotion/cjs/components/NumberFormat/NumberFormat.js +13 -10
  328. package/emotion/cjs/components/NumberFormat/NumberFormat.stories.tsx +186 -0
  329. package/emotion/cjs/components/NumberFormat/index.js +7 -6
  330. package/emotion/cjs/components/NumberInput/NumberInput.config.js +34 -154
  331. package/emotion/cjs/components/NumberInput/NumberInput.js +7 -11
  332. package/emotion/cjs/components/NumberInput/NumberInput.stories.tsx +81 -0
  333. package/emotion/cjs/components/NumberInput/index.js +21 -19
  334. package/emotion/cjs/components/Overlay/Overlay.stories.tsx +76 -0
  335. package/emotion/cjs/components/Overlay/index.js +7 -6
  336. package/emotion/cjs/components/Pagination/Pagination.component-test.js +298 -0
  337. package/emotion/cjs/components/Pagination/Pagination.config.js +26 -139
  338. package/emotion/cjs/components/Pagination/Pagination.js +12 -12
  339. package/emotion/cjs/components/Pagination/Pagination.stories.tsx +139 -0
  340. package/emotion/cjs/components/Pagination/index.js +7 -6
  341. package/emotion/cjs/components/Popover/Popover.config.js +15 -43
  342. package/emotion/cjs/components/Popover/Popover.js +7 -11
  343. package/emotion/cjs/components/Popover/Popover.stories.tsx +127 -0
  344. package/emotion/cjs/components/Popover/index.js +7 -6
  345. package/emotion/cjs/components/Popover/style.css +4 -0
  346. package/emotion/cjs/components/Popup/Popup.js +10 -10
  347. package/emotion/cjs/components/Popup/Popup.stories.tsx +171 -0
  348. package/emotion/cjs/components/Popup/index.js +27 -22
  349. package/emotion/cjs/components/Portal/Portal.stories.tsx +57 -0
  350. package/emotion/cjs/components/Portal/index.js +7 -6
  351. package/emotion/cjs/components/Price/Price.config.js +11 -15
  352. package/emotion/cjs/components/Price/Price.js +12 -12
  353. package/emotion/cjs/components/Price/Price.stories.tsx +34 -0
  354. package/emotion/cjs/components/Price/index.js +15 -16
  355. package/emotion/cjs/components/Progress/Progress.config.js +21 -95
  356. package/emotion/cjs/components/Progress/Progress.js +8 -12
  357. package/emotion/cjs/components/Progress/Progress.stories.tsx +32 -0
  358. package/emotion/cjs/components/Progress/index.js +7 -6
  359. package/emotion/cjs/components/Radiobox/Radiobox.config.js +31 -106
  360. package/emotion/cjs/components/Radiobox/Radiobox.js +16 -19
  361. package/emotion/cjs/components/Radiobox/Radiobox.stories.tsx +139 -0
  362. package/emotion/cjs/components/Radiobox/index.js +14 -15
  363. package/emotion/cjs/components/Range/Range.config.js +24 -157
  364. package/emotion/cjs/components/Range/Range.js +11 -11
  365. package/emotion/cjs/components/Range/Range.stories.tsx +343 -0
  366. package/emotion/cjs/components/Range/index.js +15 -16
  367. package/emotion/cjs/components/Rating/Rating.config.js +20 -117
  368. package/emotion/cjs/components/Rating/Rating.js +7 -11
  369. package/emotion/cjs/components/Rating/Rating.stories.tsx +125 -0
  370. package/emotion/cjs/components/Rating/index.js +21 -19
  371. package/emotion/cjs/components/SSRProvider/index.js +7 -6
  372. package/emotion/cjs/components/Segment/Segment.js +32 -27
  373. package/emotion/cjs/components/Segment/Segment.stories.tsx +162 -0
  374. package/emotion/cjs/components/Segment/SegmentGroup.config.js +34 -130
  375. package/emotion/cjs/components/Segment/SegmentItem.config.js +25 -124
  376. package/emotion/cjs/components/Segment/index.js +26 -21
  377. package/emotion/cjs/components/Select/Select.config.js +35 -305
  378. package/emotion/cjs/components/Select/Select.js +15 -50
  379. package/emotion/cjs/components/Select/Select.stories.tsx +642 -0
  380. package/emotion/cjs/components/Select/index.js +7 -6
  381. package/emotion/cjs/components/Select/style.css +37 -0
  382. package/emotion/cjs/components/Sheet/Sheet.config.js +18 -63
  383. package/emotion/cjs/components/Sheet/Sheet.js +12 -12
  384. package/emotion/cjs/components/Sheet/Sheet.stories.tsx +361 -0
  385. package/emotion/cjs/components/Sheet/index.js +15 -16
  386. package/emotion/cjs/components/Skeleton/LineSkeleton.config.js +31 -230
  387. package/emotion/cjs/components/Skeleton/Skeleton.js +20 -25
  388. package/emotion/cjs/components/Skeleton/Skeleton.stories.tsx +116 -0
  389. package/emotion/cjs/components/Skeleton/index.js +26 -21
  390. package/emotion/cjs/components/Slider/Slider.component-test.js +223 -0
  391. package/emotion/cjs/components/Slider/Slider.config.js +22 -147
  392. package/emotion/cjs/components/Slider/Slider.js +13 -12
  393. package/emotion/cjs/components/Slider/Slider.stories.tsx +277 -0
  394. package/emotion/cjs/components/Slider/index.js +7 -6
  395. package/emotion/cjs/components/Spinner/Spinner.config.js +23 -107
  396. package/emotion/cjs/components/Spinner/Spinner.js +15 -23
  397. package/emotion/cjs/components/Spinner/Spinner.stories.tsx +109 -0
  398. package/emotion/cjs/components/Spinner/index.js +7 -6
  399. package/emotion/cjs/components/Steps/Steps.config.js +18 -105
  400. package/emotion/cjs/components/Steps/Steps.js +8 -12
  401. package/emotion/cjs/components/Steps/Steps.stories.tsx +191 -0
  402. package/emotion/cjs/components/Steps/index.js +7 -6
  403. package/emotion/cjs/components/Switch/Switch.config.js +31 -149
  404. package/emotion/cjs/components/Switch/Switch.js +8 -12
  405. package/emotion/cjs/components/Switch/Switch.stories.tsx +100 -0
  406. package/emotion/cjs/components/Switch/index.js +7 -6
  407. package/emotion/cjs/components/Table/Table.config.js +21 -257
  408. package/emotion/cjs/components/Table/Table.js +12 -12
  409. package/emotion/cjs/components/Table/Table.stories.tsx +551 -0
  410. package/emotion/cjs/components/Table/index.js +7 -6
  411. package/emotion/cjs/components/Tabs/TabItem.js +21 -26
  412. package/emotion/cjs/components/Tabs/Tabs.js +21 -26
  413. package/emotion/cjs/components/Tabs/Tabs.stories.tsx +639 -0
  414. package/emotion/cjs/components/Tabs/TabsController.js +16 -15
  415. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +30 -230
  416. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +37 -266
  417. package/emotion/cjs/components/Tabs/index.js +35 -27
  418. package/emotion/cjs/components/Tabs/vertical/VerticalTabItem.config.js +24 -125
  419. package/emotion/cjs/components/Tabs/vertical/VerticalTabs.config.js +24 -98
  420. package/emotion/cjs/components/TextArea/TextArea.config.js +42 -367
  421. package/emotion/cjs/components/TextArea/TextArea.js +12 -12
  422. package/emotion/cjs/components/TextArea/TextArea.stories.tsx +228 -0
  423. package/emotion/cjs/components/TextArea/index.js +7 -6
  424. package/emotion/cjs/components/TextField/TextField.config.js +40 -338
  425. package/emotion/cjs/components/TextField/TextField.js +11 -11
  426. package/emotion/cjs/components/TextField/TextField.stories.tsx +260 -0
  427. package/emotion/cjs/components/TextField/index.js +15 -16
  428. package/emotion/cjs/components/Toast/Toast.config.js +35 -127
  429. package/emotion/cjs/components/Toast/Toast.js +14 -26
  430. package/emotion/cjs/components/Toast/Toast.stories.tsx +156 -0
  431. package/emotion/cjs/components/Toast/index.js +20 -18
  432. package/emotion/cjs/components/ToastNew/ToastNew.config.js +21 -80
  433. package/emotion/cjs/components/ToastNew/ToastNew.js +8 -20
  434. package/emotion/cjs/components/ToastNew/ToastNew.stories.tsx +87 -0
  435. package/emotion/cjs/components/ToastNew/index.js +14 -15
  436. package/emotion/cjs/components/Tokens/Colors/Colors.stories.tsx +196 -0
  437. package/emotion/cjs/components/Tokens/Colors/Colors.styles.js +27 -147
  438. package/emotion/cjs/components/Tokens/NumberTokens/CornerRadius.stories.tsx +93 -0
  439. package/emotion/cjs/components/Tokens/NumberTokens/NumberTokens.styles.js +13 -70
  440. package/emotion/cjs/components/Tokens/NumberTokens/Spacing.stories.tsx +93 -0
  441. package/emotion/cjs/components/Tokens/Typography/Typography.stories.tsx +277 -0
  442. package/emotion/cjs/components/Tokens/Typography/Typography.styles.js +44 -204
  443. package/emotion/cjs/components/Toolbar/Toolbar.config.js +18 -57
  444. package/emotion/cjs/components/Toolbar/Toolbar.js +13 -21
  445. package/emotion/cjs/components/Toolbar/Toolbar.stories.tsx +64 -0
  446. package/emotion/cjs/components/Toolbar/index.js +21 -19
  447. package/emotion/cjs/components/Tooltip/Tooltip.config.js +19 -71
  448. package/emotion/cjs/components/Tooltip/Tooltip.js +7 -11
  449. package/emotion/cjs/components/Tooltip/Tooltip.stories.tsx +152 -0
  450. package/emotion/cjs/components/Tooltip/index.js +7 -6
  451. package/emotion/cjs/components/Tree/Tree.config.js +18 -83
  452. package/emotion/cjs/components/Tree/Tree.js +7 -11
  453. package/emotion/cjs/components/Tree/Tree.stories.tsx +146 -0
  454. package/emotion/cjs/components/Tree/index.js +7 -6
  455. package/emotion/cjs/components/Typography/Body.config.js +47 -161
  456. package/emotion/cjs/components/Typography/Dspl.config.js +31 -105
  457. package/emotion/cjs/components/Typography/Heading.config.js +47 -161
  458. package/emotion/cjs/components/Typography/Text.config.js +39 -133
  459. package/emotion/cjs/components/Typography/Typography.js +59 -116
  460. package/emotion/cjs/components/Typography/Typography.stories.tsx +243 -0
  461. package/emotion/cjs/components/Typography/index.js +106 -62
  462. package/emotion/cjs/components/ViewContainer/ViewContainer.config.js +14 -46
  463. package/emotion/cjs/components/ViewContainer/ViewContainer.js +7 -11
  464. package/emotion/cjs/components/ViewContainer/index.js +7 -6
  465. package/emotion/cjs/index.js +729 -82
  466. package/emotion/cjs/mixins/index.js +20 -61
  467. package/emotion/cjs/tokens/index.js +255 -126
  468. package/emotion/es/components/Accordion/Accordion.config.js +14 -92
  469. package/emotion/es/components/Accordion/Accordion.js +3 -3
  470. package/emotion/es/components/Accordion/Accordion.stories.tsx +159 -0
  471. package/emotion/es/components/Accordion/index.js +1 -1
  472. package/emotion/es/components/Attach/Attach.config.js +21 -258
  473. package/emotion/es/components/Attach/Attach.js +4 -2
  474. package/emotion/es/components/Attach/Attach.stories.tsx +157 -0
  475. package/emotion/es/components/Attach/index.js +1 -1
  476. package/emotion/es/components/Autocomplete/Autocomplete.config.js +25 -238
  477. package/emotion/es/components/Autocomplete/Autocomplete.js +2 -2
  478. package/emotion/es/components/Autocomplete/Autocomplete.stories.tsx +170 -0
  479. package/emotion/es/components/Autocomplete/index.js +1 -1
  480. package/emotion/es/components/Avatar/Avatar.config.js +26 -188
  481. package/emotion/es/components/Avatar/Avatar.js +3 -3
  482. package/emotion/es/components/Avatar/Avatar.stories.tsx +74 -0
  483. package/emotion/es/components/Avatar/index.js +1 -1
  484. package/emotion/es/components/AvatarGroup/AvatarGroup.js +2 -2
  485. package/emotion/es/components/AvatarGroup/AvatarGroup.stories.tsx +71 -0
  486. package/emotion/es/components/AvatarGroup/index.js +1 -1
  487. package/emotion/es/components/Badge/Badge.config.js +25 -136
  488. package/emotion/es/components/Badge/Badge.js +4 -2
  489. package/emotion/es/components/Badge/Badge.stories.tsx +87 -0
  490. package/emotion/es/components/Badge/index.js +1 -1
  491. package/emotion/es/components/Breadcrumbs/Breadcrumbs.config.js +13 -51
  492. package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +5 -3
  493. package/emotion/es/components/Breadcrumbs/Breadcrumbs.stories.tsx +82 -0
  494. package/emotion/es/components/Breadcrumbs/index.js +1 -1
  495. package/emotion/es/components/Button/Button.config.js +25 -165
  496. package/emotion/es/components/Button/Button.js +28 -89
  497. package/emotion/es/components/Button/Button.stories.tsx +212 -0
  498. package/emotion/es/components/Button/index.js +1 -1
  499. package/emotion/es/components/ButtonBase/index.js +1 -1
  500. package/emotion/es/components/ButtonGroup/ButtonGroup.config.js +33 -219
  501. package/emotion/es/components/ButtonGroup/ButtonGroup.js +4 -2
  502. package/emotion/es/components/ButtonGroup/ButtonGroup.stories.tsx +109 -0
  503. package/emotion/es/components/ButtonGroup/index.js +1 -1
  504. package/emotion/es/components/Calendar/Calendar.js +12 -12
  505. package/emotion/es/components/Calendar/Calendar.stories.tsx +304 -0
  506. package/emotion/es/components/Calendar/CalendarBase.config.js +13 -119
  507. package/emotion/es/components/Calendar/CalendarDouble.config.js +13 -119
  508. package/emotion/es/components/Calendar/index.js +1 -1
  509. package/emotion/es/components/Card/Card.config.js +15 -72
  510. package/emotion/es/components/Card/Card.js +6 -4
  511. package/emotion/es/components/Card/Card.stories.tsx +281 -0
  512. package/emotion/es/components/Card/index.js +1 -1
  513. package/emotion/es/components/Cell/Cell.config.js +11 -101
  514. package/emotion/es/components/Cell/Cell.js +5 -3
  515. package/emotion/es/components/Cell/Cell.stories.tsx +97 -0
  516. package/emotion/es/components/Cell/index.js +1 -1
  517. package/emotion/es/components/Checkbox/Checkbox.config.js +20 -95
  518. package/emotion/es/components/Checkbox/Checkbox.js +4 -3
  519. package/emotion/es/components/Checkbox/Checkbox.stories.tsx +232 -0
  520. package/emotion/es/components/Checkbox/index.js +1 -1
  521. package/emotion/es/components/Chip/Chip.config.js +20 -153
  522. package/emotion/es/components/Chip/Chip.js +5 -3
  523. package/emotion/es/components/Chip/Chip.stories.tsx +93 -0
  524. package/emotion/es/components/Chip/index.js +1 -1
  525. package/emotion/es/components/ChipGroup/ChipGroup.config.js +19 -118
  526. package/emotion/es/components/ChipGroup/ChipGroup.js +2 -2
  527. package/emotion/es/components/ChipGroup/ChipGroup.stories.tsx +79 -0
  528. package/emotion/es/components/ChipGroup/index.js +1 -1
  529. package/emotion/es/components/Combobox/Combobox.config.js +25 -304
  530. package/emotion/es/components/Combobox/Combobox.js +9 -36
  531. package/emotion/es/components/Combobox/Combobox.stories.tsx +604 -0
  532. package/emotion/es/components/Combobox/index.js +1 -1
  533. package/emotion/es/components/Counter/Counter.config.js +16 -86
  534. package/emotion/es/components/Counter/Counter.js +4 -2
  535. package/emotion/es/components/Counter/Counter.stories.tsx +34 -0
  536. package/emotion/es/components/Counter/index.js +1 -1
  537. package/emotion/es/components/DatePicker/DatePicker.config.js +19 -255
  538. package/emotion/es/components/DatePicker/DatePicker.js +4 -4
  539. package/emotion/es/components/DatePicker/DatePicker.stories.tsx +309 -0
  540. package/emotion/es/components/DatePicker/index.js +1 -1
  541. package/emotion/es/components/Divider/Divider.config.js +22 -100
  542. package/emotion/es/components/Divider/Divider.js +4 -2
  543. package/emotion/es/components/Divider/Divider.stories.tsx +58 -0
  544. package/emotion/es/components/Divider/index.js +1 -1
  545. package/emotion/es/components/Drawer/Drawer.config.js +17 -70
  546. package/emotion/es/components/Drawer/Drawer.js +16 -8
  547. package/emotion/es/components/Drawer/Drawer.stories.tsx +217 -0
  548. package/emotion/es/components/Drawer/index.js +1 -1
  549. package/emotion/es/components/Dropdown/Dropdown.config.js +13 -85
  550. package/emotion/es/components/Dropdown/Dropdown.js +9 -36
  551. package/emotion/es/components/Dropdown/Dropdown.stories.tsx +331 -0
  552. package/emotion/es/components/Dropdown/index.js +1 -1
  553. package/emotion/es/components/Dropzone/Dropzone.config.js +16 -77
  554. package/emotion/es/components/Dropzone/Dropzone.js +2 -2
  555. package/emotion/es/components/Dropzone/Dropzone.stories.tsx +58 -0
  556. package/emotion/es/components/Dropzone/index.js +1 -1
  557. package/emotion/es/components/EmptyState/EmptyState.config.js +13 -105
  558. package/emotion/es/components/EmptyState/EmptyState.js +2 -2
  559. package/emotion/es/components/EmptyState/EmptyState.stories.tsx +43 -0
  560. package/emotion/es/components/EmptyState/index.js +1 -1
  561. package/emotion/es/components/Flow/Flow.config.js +3 -3
  562. package/emotion/es/components/Flow/Flow.js +2 -2
  563. package/emotion/es/components/Flow/Flow.stories.tsx +133 -0
  564. package/emotion/es/components/Flow/index.js +1 -1
  565. package/emotion/es/components/Grid/Grid.config.js +14 -62
  566. package/emotion/es/components/Grid/Grid.js +2 -2
  567. package/emotion/es/components/Grid/Grid.stories.tsx +119 -0
  568. package/emotion/es/components/Grid/index.js +1 -1
  569. package/emotion/es/components/IconButton/IconButton.config.js +23 -137
  570. package/emotion/es/components/IconButton/IconButton.js +5 -3
  571. package/emotion/es/components/IconButton/IconButton.stories.tsx +94 -0
  572. package/emotion/es/components/IconButton/index.js +1 -1
  573. package/emotion/es/components/Image/Image.component-test.js +85 -0
  574. package/emotion/es/components/Image/Image.js +5 -3
  575. package/emotion/es/components/Image/Image.stories.tsx +44 -0
  576. package/emotion/es/components/Image/index.js +1 -1
  577. package/emotion/es/components/Indicator/Indicator.config.js +21 -129
  578. package/emotion/es/components/Indicator/Indicator.js +3 -3
  579. package/emotion/es/components/Indicator/Indicator.stories.tsx +34 -0
  580. package/emotion/es/components/Indicator/index.js +1 -1
  581. package/emotion/es/components/Link/Link.config.js +24 -205
  582. package/emotion/es/components/Link/Link.js +4 -3
  583. package/emotion/es/components/Link/Link.stories.tsx +57 -0
  584. package/emotion/es/components/Link/index.js +1 -1
  585. package/emotion/es/components/Mask/Mask.js +1 -1
  586. package/emotion/es/components/Mask/Mask.stories.tsx +176 -0
  587. package/emotion/es/components/Mask/index.js +1 -1
  588. package/emotion/es/components/Modal/Modal.config.js +10 -38
  589. package/emotion/es/components/Modal/Modal.js +5 -3
  590. package/emotion/es/components/Modal/Modal.stories.tsx +426 -0
  591. package/emotion/es/components/Modal/index.js +1 -1
  592. package/emotion/es/components/Notification/Notification.config.js +21 -154
  593. package/emotion/es/components/Notification/Notification.js +15 -11
  594. package/emotion/es/components/Notification/Notification.stories.tsx +221 -0
  595. package/emotion/es/components/Notification/index.js +1 -1
  596. package/emotion/es/components/NumberFormat/NumberFormat.js +9 -1
  597. package/emotion/es/components/NumberFormat/NumberFormat.stories.tsx +186 -0
  598. package/emotion/es/components/NumberFormat/index.js +1 -1
  599. package/emotion/es/components/NumberInput/NumberInput.config.js +29 -145
  600. package/emotion/es/components/NumberInput/NumberInput.js +2 -2
  601. package/emotion/es/components/NumberInput/NumberInput.stories.tsx +81 -0
  602. package/emotion/es/components/NumberInput/index.js +1 -1
  603. package/emotion/es/components/Overlay/Overlay.stories.tsx +76 -0
  604. package/emotion/es/components/Overlay/index.js +1 -1
  605. package/emotion/es/components/Pagination/Pagination.component-test.js +293 -0
  606. package/emotion/es/components/Pagination/Pagination.config.js +21 -130
  607. package/emotion/es/components/Pagination/Pagination.js +5 -3
  608. package/emotion/es/components/Pagination/Pagination.stories.tsx +139 -0
  609. package/emotion/es/components/Pagination/index.js +1 -1
  610. package/emotion/es/components/Popover/Popover.config.js +10 -34
  611. package/emotion/es/components/Popover/Popover.js +2 -2
  612. package/emotion/es/components/Popover/Popover.stories.tsx +127 -0
  613. package/emotion/es/components/Popover/index.js +1 -1
  614. package/emotion/es/components/Popover/style.css +4 -0
  615. package/emotion/es/components/Popup/Popup.js +4 -2
  616. package/emotion/es/components/Popup/Popup.stories.tsx +171 -0
  617. package/emotion/es/components/Popup/index.js +1 -1
  618. package/emotion/es/components/Portal/Portal.stories.tsx +57 -0
  619. package/emotion/es/components/Portal/index.js +1 -1
  620. package/emotion/es/components/Price/Price.config.js +7 -7
  621. package/emotion/es/components/Price/Price.js +5 -3
  622. package/emotion/es/components/Price/Price.stories.tsx +34 -0
  623. package/emotion/es/components/Price/index.js +1 -1
  624. package/emotion/es/components/Progress/Progress.config.js +16 -86
  625. package/emotion/es/components/Progress/Progress.js +3 -3
  626. package/emotion/es/components/Progress/Progress.stories.tsx +32 -0
  627. package/emotion/es/components/Progress/index.js +1 -1
  628. package/emotion/es/components/Radiobox/Radiobox.config.js +26 -97
  629. package/emotion/es/components/Radiobox/Radiobox.js +5 -4
  630. package/emotion/es/components/Radiobox/Radiobox.stories.tsx +139 -0
  631. package/emotion/es/components/Radiobox/index.js +1 -1
  632. package/emotion/es/components/Range/Range.config.js +19 -148
  633. package/emotion/es/components/Range/Range.js +4 -2
  634. package/emotion/es/components/Range/Range.stories.tsx +343 -0
  635. package/emotion/es/components/Range/index.js +1 -1
  636. package/emotion/es/components/Rating/Rating.config.js +15 -108
  637. package/emotion/es/components/Rating/Rating.js +2 -2
  638. package/emotion/es/components/Rating/Rating.stories.tsx +125 -0
  639. package/emotion/es/components/Rating/index.js +1 -1
  640. package/emotion/es/components/SSRProvider/index.js +1 -1
  641. package/emotion/es/components/Segment/Segment.js +10 -5
  642. package/emotion/es/components/Segment/Segment.stories.tsx +162 -0
  643. package/emotion/es/components/Segment/SegmentGroup.config.js +29 -121
  644. package/emotion/es/components/Segment/SegmentItem.config.js +20 -115
  645. package/emotion/es/components/Segment/index.js +1 -1
  646. package/emotion/es/components/Select/Select.config.js +29 -295
  647. package/emotion/es/components/Select/Select.js +9 -36
  648. package/emotion/es/components/Select/Select.stories.tsx +642 -0
  649. package/emotion/es/components/Select/index.js +1 -1
  650. package/emotion/es/components/Select/style.css +37 -0
  651. package/emotion/es/components/Sheet/Sheet.config.js +13 -54
  652. package/emotion/es/components/Sheet/Sheet.js +5 -3
  653. package/emotion/es/components/Sheet/Sheet.stories.tsx +361 -0
  654. package/emotion/es/components/Sheet/index.js +1 -1
  655. package/emotion/es/components/Skeleton/LineSkeleton.config.js +26 -221
  656. package/emotion/es/components/Skeleton/Skeleton.js +4 -4
  657. package/emotion/es/components/Skeleton/Skeleton.stories.tsx +116 -0
  658. package/emotion/es/components/Skeleton/index.js +1 -1
  659. package/emotion/es/components/Slider/Slider.component-test.js +220 -0
  660. package/emotion/es/components/Slider/Slider.config.js +17 -138
  661. package/emotion/es/components/Slider/Slider.js +5 -3
  662. package/emotion/es/components/Slider/Slider.stories.tsx +277 -0
  663. package/emotion/es/components/Slider/index.js +1 -1
  664. package/emotion/es/components/Spinner/Spinner.config.js +18 -98
  665. package/emotion/es/components/Spinner/Spinner.js +6 -8
  666. package/emotion/es/components/Spinner/Spinner.stories.tsx +109 -0
  667. package/emotion/es/components/Spinner/index.js +1 -1
  668. package/emotion/es/components/Steps/Steps.config.js +13 -96
  669. package/emotion/es/components/Steps/Steps.js +3 -3
  670. package/emotion/es/components/Steps/Steps.stories.tsx +191 -0
  671. package/emotion/es/components/Steps/index.js +1 -1
  672. package/emotion/es/components/Switch/Switch.config.js +26 -140
  673. package/emotion/es/components/Switch/Switch.js +3 -3
  674. package/emotion/es/components/Switch/Switch.stories.tsx +100 -0
  675. package/emotion/es/components/Switch/index.js +1 -1
  676. package/emotion/es/components/Table/Table.config.js +16 -248
  677. package/emotion/es/components/Table/Table.js +5 -3
  678. package/emotion/es/components/Table/Table.stories.tsx +551 -0
  679. package/emotion/es/components/Table/index.js +1 -1
  680. package/emotion/es/components/Tabs/TabItem.js +11 -10
  681. package/emotion/es/components/Tabs/Tabs.js +11 -10
  682. package/emotion/es/components/Tabs/Tabs.stories.tsx +639 -0
  683. package/emotion/es/components/Tabs/TabsController.js +7 -5
  684. package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -221
  685. package/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +32 -257
  686. package/emotion/es/components/Tabs/index.js +1 -1
  687. package/emotion/es/components/Tabs/vertical/VerticalTabItem.config.js +19 -116
  688. package/emotion/es/components/Tabs/vertical/VerticalTabs.config.js +19 -89
  689. package/emotion/es/components/TextArea/TextArea.config.js +37 -358
  690. package/emotion/es/components/TextArea/TextArea.js +5 -3
  691. package/emotion/es/components/TextArea/TextArea.stories.tsx +228 -0
  692. package/emotion/es/components/TextArea/index.js +1 -1
  693. package/emotion/es/components/TextField/TextField.config.js +35 -329
  694. package/emotion/es/components/TextField/TextField.js +4 -2
  695. package/emotion/es/components/TextField/TextField.stories.tsx +260 -0
  696. package/emotion/es/components/TextField/index.js +1 -1
  697. package/emotion/es/components/Toast/Toast.config.js +30 -118
  698. package/emotion/es/components/Toast/Toast.js +4 -4
  699. package/emotion/es/components/Toast/Toast.stories.tsx +156 -0
  700. package/emotion/es/components/Toast/index.js +1 -1
  701. package/emotion/es/components/ToastNew/ToastNew.config.js +16 -71
  702. package/emotion/es/components/ToastNew/ToastNew.js +3 -3
  703. package/emotion/es/components/ToastNew/ToastNew.stories.tsx +87 -0
  704. package/emotion/es/components/ToastNew/index.js +1 -1
  705. package/emotion/es/components/Tokens/Colors/Colors.stories.tsx +196 -0
  706. package/emotion/es/components/Tokens/Colors/Colors.styles.js +19 -90
  707. package/emotion/es/components/Tokens/NumberTokens/CornerRadius.stories.tsx +93 -0
  708. package/emotion/es/components/Tokens/NumberTokens/NumberTokens.styles.js +8 -37
  709. package/emotion/es/components/Tokens/NumberTokens/Spacing.stories.tsx +93 -0
  710. package/emotion/es/components/Tokens/Typography/Typography.stories.tsx +277 -0
  711. package/emotion/es/components/Tokens/Typography/Typography.styles.js +36 -135
  712. package/emotion/es/components/Toolbar/Toolbar.config.js +13 -48
  713. package/emotion/es/components/Toolbar/Toolbar.js +6 -4
  714. package/emotion/es/components/Toolbar/Toolbar.stories.tsx +64 -0
  715. package/emotion/es/components/Toolbar/index.js +1 -1
  716. package/emotion/es/components/Tooltip/Tooltip.config.js +14 -62
  717. package/emotion/es/components/Tooltip/Tooltip.js +2 -2
  718. package/emotion/es/components/Tooltip/Tooltip.stories.tsx +152 -0
  719. package/emotion/es/components/Tooltip/index.js +1 -1
  720. package/emotion/es/components/Tree/Tree.config.js +13 -74
  721. package/emotion/es/components/Tree/Tree.js +2 -2
  722. package/emotion/es/components/Tree/Tree.stories.tsx +146 -0
  723. package/emotion/es/components/Tree/index.js +1 -1
  724. package/emotion/es/components/Typography/Body.config.js +38 -131
  725. package/emotion/es/components/Typography/Dspl.config.js +24 -83
  726. package/emotion/es/components/Typography/Heading.config.js +38 -131
  727. package/emotion/es/components/Typography/Text.config.js +31 -107
  728. package/emotion/es/components/Typography/Typography.js +35 -35
  729. package/emotion/es/components/Typography/Typography.stories.tsx +243 -0
  730. package/emotion/es/components/Typography/index.js +1 -1
  731. package/emotion/es/components/ViewContainer/ViewContainer.config.js +8 -36
  732. package/emotion/es/components/ViewContainer/ViewContainer.js +2 -2
  733. package/emotion/es/components/ViewContainer/index.js +1 -1
  734. package/emotion/es/index.js +1 -2
  735. package/emotion/es/mixins/index.js +1 -1
  736. package/emotion/es/tokens/index.js +1 -1
  737. package/es/components/Accordion/Accordion.config.js +14 -92
  738. package/es/components/Accordion/Accordion.js +3 -3
  739. package/es/components/Accordion/index.js +1 -1
  740. package/es/components/Attach/Attach.config.js +21 -258
  741. package/es/components/Attach/Attach.js +4 -2
  742. package/es/components/Attach/index.js +1 -1
  743. package/es/components/Autocomplete/Autocomplete.config.js +25 -238
  744. package/es/components/Autocomplete/Autocomplete.js +2 -2
  745. package/es/components/Autocomplete/index.js +1 -1
  746. package/es/components/Avatar/Avatar.config.js +26 -188
  747. package/es/components/Avatar/Avatar.js +3 -3
  748. package/es/components/Avatar/index.js +1 -1
  749. package/es/components/AvatarGroup/AvatarGroup.js +2 -2
  750. package/es/components/AvatarGroup/index.js +1 -1
  751. package/es/components/Badge/Badge.config.js +25 -136
  752. package/es/components/Badge/Badge.js +4 -2
  753. package/es/components/Badge/index.js +1 -1
  754. package/es/components/Breadcrumbs/Breadcrumbs.config.js +13 -51
  755. package/es/components/Breadcrumbs/Breadcrumbs.js +5 -3
  756. package/es/components/Breadcrumbs/index.js +1 -1
  757. package/es/components/Button/Button.config.js +25 -165
  758. package/es/components/Button/Button.js +28 -89
  759. package/es/components/Button/index.js +1 -1
  760. package/es/components/ButtonBase/index.js +1 -1
  761. package/es/components/ButtonGroup/ButtonGroup.config.js +33 -219
  762. package/es/components/ButtonGroup/ButtonGroup.js +4 -2
  763. package/es/components/ButtonGroup/index.js +1 -1
  764. package/es/components/Calendar/Calendar.js +12 -12
  765. package/es/components/Calendar/CalendarBase.config.js +13 -119
  766. package/es/components/Calendar/CalendarDouble.config.js +13 -119
  767. package/es/components/Calendar/index.js +1 -1
  768. package/es/components/Card/Card.config.js +15 -72
  769. package/es/components/Card/Card.js +6 -4
  770. package/es/components/Card/index.js +1 -1
  771. package/es/components/Cell/Cell.config.js +11 -101
  772. package/es/components/Cell/Cell.js +5 -3
  773. package/es/components/Cell/index.js +1 -1
  774. package/es/components/Checkbox/Checkbox.config.js +20 -95
  775. package/es/components/Checkbox/Checkbox.js +4 -3
  776. package/es/components/Checkbox/index.js +1 -1
  777. package/es/components/Chip/Chip.config.js +20 -153
  778. package/es/components/Chip/Chip.js +5 -3
  779. package/es/components/Chip/index.js +1 -1
  780. package/es/components/ChipGroup/ChipGroup.config.js +19 -118
  781. package/es/components/ChipGroup/ChipGroup.js +2 -2
  782. package/es/components/ChipGroup/index.js +1 -1
  783. package/es/components/Combobox/Combobox.config.js +25 -304
  784. package/es/components/Combobox/Combobox.js +9 -36
  785. package/es/components/Combobox/index.js +1 -1
  786. package/es/components/Counter/Counter.config.js +16 -86
  787. package/es/components/Counter/Counter.js +4 -2
  788. package/es/components/Counter/index.js +1 -1
  789. package/es/components/DatePicker/DatePicker.config.js +19 -255
  790. package/es/components/DatePicker/DatePicker.js +4 -4
  791. package/es/components/DatePicker/index.js +1 -1
  792. package/es/components/Divider/Divider.config.js +22 -100
  793. package/es/components/Divider/Divider.js +4 -2
  794. package/es/components/Divider/index.js +1 -1
  795. package/es/components/Drawer/Drawer.config.js +17 -70
  796. package/es/components/Drawer/Drawer.js +16 -8
  797. package/es/components/Drawer/index.js +1 -1
  798. package/es/components/Dropdown/Dropdown.config.js +13 -85
  799. package/es/components/Dropdown/Dropdown.js +9 -36
  800. package/es/components/Dropdown/index.js +1 -1
  801. package/es/components/Dropzone/Dropzone.config.js +16 -77
  802. package/es/components/Dropzone/Dropzone.js +2 -2
  803. package/es/components/Dropzone/index.js +1 -1
  804. package/es/components/EmptyState/EmptyState.config.js +13 -105
  805. package/es/components/EmptyState/EmptyState.js +2 -2
  806. package/es/components/EmptyState/index.js +1 -1
  807. package/es/components/Flow/Flow.config.js +3 -3
  808. package/es/components/Flow/Flow.js +2 -2
  809. package/es/components/Flow/index.js +1 -1
  810. package/es/components/Grid/Grid.config.js +14 -62
  811. package/es/components/Grid/Grid.js +2 -2
  812. package/es/components/Grid/index.js +1 -1
  813. package/es/components/IconButton/IconButton.config.js +23 -137
  814. package/es/components/IconButton/IconButton.js +5 -3
  815. package/es/components/IconButton/index.js +1 -1
  816. package/es/components/Image/Image.component-test.js +86 -0
  817. package/es/components/Image/Image.js +5 -3
  818. package/es/components/Image/index.js +1 -1
  819. package/es/components/Indicator/Indicator.config.js +21 -129
  820. package/es/components/Indicator/Indicator.js +3 -3
  821. package/es/components/Indicator/index.js +1 -1
  822. package/es/components/Link/Link.config.js +24 -205
  823. package/es/components/Link/Link.js +4 -3
  824. package/es/components/Link/index.js +1 -1
  825. package/es/components/Mask/Mask.js +1 -1
  826. package/es/components/Mask/index.js +1 -1
  827. package/es/components/Modal/Modal.config.js +10 -38
  828. package/es/components/Modal/Modal.js +5 -3
  829. package/es/components/Modal/index.js +1 -1
  830. package/es/components/Notification/Notification.config.js +21 -154
  831. package/es/components/Notification/Notification.js +15 -11
  832. package/es/components/Notification/index.js +1 -1
  833. package/es/components/NumberFormat/NumberFormat.js +9 -1
  834. package/es/components/NumberFormat/index.js +1 -1
  835. package/es/components/NumberInput/NumberInput.config.js +29 -145
  836. package/es/components/NumberInput/NumberInput.js +2 -2
  837. package/es/components/NumberInput/index.js +1 -1
  838. package/es/components/Overlay/index.js +1 -1
  839. package/es/components/Pagination/Pagination.component-test.js +293 -0
  840. package/es/components/Pagination/Pagination.config.js +21 -130
  841. package/es/components/Pagination/Pagination.js +5 -3
  842. package/es/components/Pagination/index.js +1 -1
  843. package/es/components/Popover/Popover.config.js +10 -34
  844. package/es/components/Popover/Popover.js +2 -2
  845. package/es/components/Popover/index.js +1 -1
  846. package/es/components/Popup/Popup.js +4 -2
  847. package/es/components/Popup/index.js +1 -1
  848. package/es/components/Portal/index.js +1 -1
  849. package/es/components/Price/Price.config.js +7 -7
  850. package/es/components/Price/Price.js +5 -3
  851. package/es/components/Price/index.js +1 -1
  852. package/es/components/Progress/Progress.config.js +16 -86
  853. package/es/components/Progress/Progress.js +3 -3
  854. package/es/components/Progress/index.js +1 -1
  855. package/es/components/Radiobox/Radiobox.config.js +26 -97
  856. package/es/components/Radiobox/Radiobox.js +5 -4
  857. package/es/components/Radiobox/index.js +1 -1
  858. package/es/components/Range/Range.config.js +19 -148
  859. package/es/components/Range/Range.js +4 -2
  860. package/es/components/Range/index.js +1 -1
  861. package/es/components/Rating/Rating.config.js +15 -108
  862. package/es/components/Rating/Rating.js +2 -2
  863. package/es/components/Rating/index.js +1 -1
  864. package/es/components/SSRProvider/index.js +1 -1
  865. package/es/components/Segment/Segment.js +10 -5
  866. package/es/components/Segment/SegmentGroup.config.js +29 -121
  867. package/es/components/Segment/SegmentItem.config.js +20 -115
  868. package/es/components/Segment/index.js +1 -1
  869. package/es/components/Select/Select.config.js +29 -295
  870. package/es/components/Select/Select.js +9 -36
  871. package/es/components/Select/index.js +1 -1
  872. package/es/components/Sheet/Sheet.config.js +13 -54
  873. package/es/components/Sheet/Sheet.js +5 -3
  874. package/es/components/Sheet/index.js +1 -1
  875. package/es/components/Skeleton/LineSkeleton.config.js +26 -221
  876. package/es/components/Skeleton/Skeleton.js +4 -4
  877. package/es/components/Skeleton/index.js +1 -1
  878. package/es/components/Slider/Slider.component-test.js +220 -0
  879. package/es/components/Slider/Slider.config.js +17 -138
  880. package/es/components/Slider/Slider.js +5 -3
  881. package/es/components/Slider/index.js +1 -1
  882. package/es/components/Spinner/Spinner.config.js +18 -98
  883. package/es/components/Spinner/Spinner.js +6 -8
  884. package/es/components/Spinner/index.js +1 -1
  885. package/es/components/Steps/Steps.config.js +13 -96
  886. package/es/components/Steps/Steps.js +3 -3
  887. package/es/components/Steps/index.js +1 -1
  888. package/es/components/Switch/Switch.config.js +26 -140
  889. package/es/components/Switch/Switch.js +3 -3
  890. package/es/components/Switch/index.js +1 -1
  891. package/es/components/Table/Table.config.js +16 -248
  892. package/es/components/Table/Table.js +5 -3
  893. package/es/components/Table/index.js +1 -1
  894. package/es/components/Tabs/TabItem.js +11 -10
  895. package/es/components/Tabs/Tabs.js +11 -10
  896. package/es/components/Tabs/TabsController.js +7 -5
  897. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -221
  898. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +32 -257
  899. package/es/components/Tabs/index.js +1 -1
  900. package/es/components/Tabs/vertical/VerticalTabItem.config.js +19 -116
  901. package/es/components/Tabs/vertical/VerticalTabs.config.js +19 -89
  902. package/es/components/TextArea/TextArea.config.js +37 -358
  903. package/es/components/TextArea/TextArea.js +5 -3
  904. package/es/components/TextArea/index.js +1 -1
  905. package/es/components/TextField/TextField.config.js +35 -329
  906. package/es/components/TextField/TextField.js +4 -2
  907. package/es/components/TextField/index.js +1 -1
  908. package/es/components/Toast/Toast.config.js +30 -118
  909. package/es/components/Toast/Toast.js +4 -4
  910. package/es/components/Toast/index.js +1 -1
  911. package/es/components/ToastNew/ToastNew.config.js +16 -71
  912. package/es/components/ToastNew/ToastNew.js +3 -3
  913. package/es/components/ToastNew/index.js +1 -1
  914. package/es/components/Tokens/Colors/Colors.styles.js +43 -90
  915. package/es/components/Tokens/NumberTokens/NumberTokens.styles.js +18 -37
  916. package/es/components/Tokens/Typography/Typography.styles.js +68 -135
  917. package/es/components/Toolbar/Toolbar.config.js +13 -48
  918. package/es/components/Toolbar/Toolbar.js +6 -4
  919. package/es/components/Toolbar/index.js +1 -1
  920. package/es/components/Tooltip/Tooltip.config.js +14 -62
  921. package/es/components/Tooltip/Tooltip.js +2 -2
  922. package/es/components/Tooltip/index.js +1 -1
  923. package/es/components/Tree/Tree.config.js +13 -74
  924. package/es/components/Tree/Tree.js +2 -2
  925. package/es/components/Tree/index.js +1 -1
  926. package/es/components/Typography/Body.config.js +38 -131
  927. package/es/components/Typography/Dspl.config.js +24 -83
  928. package/es/components/Typography/Heading.config.js +38 -131
  929. package/es/components/Typography/Text.config.js +31 -107
  930. package/es/components/Typography/Typography.js +35 -35
  931. package/es/components/Typography/index.js +1 -1
  932. package/es/components/ViewContainer/ViewContainer.config.js +8 -36
  933. package/es/components/ViewContainer/ViewContainer.js +2 -2
  934. package/es/components/ViewContainer/index.js +1 -1
  935. package/es/index.js +1 -2
  936. package/es/mixins/index.js +1 -1
  937. package/es/tokens/index.js +1 -1
  938. package/index.d.ts +0 -1
  939. package/index.js +729 -82
  940. package/mixins/index.js +20 -61
  941. package/package.json +12 -12
  942. package/tokens/index.js +255 -126
  943. package/components/Carousel/Carousel.config.d.ts +0 -14
  944. package/components/Carousel/Carousel.config.js +0 -62
  945. package/components/Carousel/Carousel.d.ts +0 -9
  946. package/components/Carousel/Carousel.js +0 -14
  947. package/components/Carousel/index.d.ts +0 -2
  948. package/components/Carousel/index.js +0 -20
  949. package/emotion/cjs/components/Carousel/Carousel.config.js +0 -62
  950. package/emotion/cjs/components/Carousel/Carousel.js +0 -14
  951. package/emotion/cjs/components/Carousel/index.js +0 -20
  952. package/emotion/cjs/helpers/index.js +0 -25
  953. package/emotion/es/components/Carousel/Carousel.config.js +0 -52
  954. package/emotion/es/components/Carousel/Carousel.js +0 -5
  955. package/emotion/es/components/Carousel/index.js +0 -2
  956. package/es/components/Carousel/Carousel.config.js +0 -52
  957. package/es/components/Carousel/Carousel.js +0 -5
  958. package/es/components/Carousel/index.js +0 -2
  959. /package/emotion/{es/helpers/index.js → cjs/helpers/index.ts} +0 -0
  960. /package/{es/helpers/index.js → emotion/es/helpers/index.ts} +0 -0
@@ -0,0 +1,221 @@
1
+ import React, { useCallback, useRef, useState } from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import type { StoryObj, Meta } from '@storybook/react';
4
+ import { IconDisclosureRight, IconSber } from '@salutejs/plasma-icons';
5
+ import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
6
+ import { action } from '@storybook/addon-actions';
7
+ import { addNotification } from '@salutejs/plasma-new-hope';
8
+ import type { NotificationIconPlacement, NotificationLayout } from '@salutejs/plasma-new-hope';
9
+
10
+ import { Button } from '../Button/Button';
11
+ import { Modal } from '../Modal/Modal';
12
+ import { PopupProvider } from '../Popup';
13
+
14
+ import { Notification, NotificationsProvider, NotificationPlacement } from './Notification';
15
+
16
+ const titles = ['Выполнено', 'Внимание', 'Ошибка'];
17
+ const texts = ['SSH ключ успешно скопирован', 'Нельзя скопировать SSH ключ', 'Не удалось скопировать SSH ключ'];
18
+ const size = ['xs', 'xxs'];
19
+ const iconPlacement = ['top', 'left'];
20
+ const notificationsPlacements = [
21
+ 'center',
22
+ 'top',
23
+ 'bottom',
24
+ 'right',
25
+ 'left',
26
+ 'top-right',
27
+ 'top-left',
28
+ 'bottom-right',
29
+ 'bottom-left',
30
+ ];
31
+
32
+ const longText = `JavaScript frameworks are an essential part of modern front-end web development,
33
+ providing developers with proven tools for building scalable, interactive web applications.
34
+ `;
35
+
36
+ const getNotificationProps = (i: number) => ({
37
+ title: titles[i % 3],
38
+ children: texts[i % 3],
39
+ size: size[i % 2],
40
+ iconPlacement: iconPlacement[i % 2] as NotificationIconPlacement,
41
+ onTimeoutClose: () => {
42
+ action('onTimeoutClose')('Callback, вызываемый при автоматическом закрытии по timeout.');
43
+ },
44
+ });
45
+
46
+ const placements = ['top', 'left'];
47
+
48
+ const meta: Meta<typeof Notification> = {
49
+ title: 'Overlay/Notification',
50
+ decorators: [InSpacingDecorator],
51
+ };
52
+
53
+ export default meta;
54
+
55
+ interface StoryDefaultProps {
56
+ title: string;
57
+ children: string;
58
+ iconColor?: string;
59
+ showCloseIcon: boolean;
60
+ showLeftIcon: boolean;
61
+ layout: NotificationLayout;
62
+ size: 'xs' | 'xxs';
63
+ iconPlacement: NotificationIconPlacement;
64
+ placement?: NotificationPlacement;
65
+ }
66
+
67
+ const StoryDefault = ({
68
+ title,
69
+ children,
70
+ iconPlacement,
71
+ size,
72
+ layout,
73
+ showLeftIcon,
74
+ iconColor,
75
+ ...rest
76
+ }: StoryDefaultProps) => {
77
+ return (
78
+ <Notification
79
+ title={title}
80
+ icon={showLeftIcon ? <IconSber /> : ''}
81
+ iconPlacement={iconPlacement}
82
+ actions={<Button text="text" size="s" stretch={layout === 'vertical' && size === 'xs'} />}
83
+ size={size}
84
+ layout={layout}
85
+ {...rest}
86
+ >
87
+ {children}
88
+ </Notification>
89
+ );
90
+ };
91
+
92
+ export const Default: StoryObj<StoryDefaultProps> = {
93
+ argTypes: {
94
+ iconPlacement: {
95
+ options: placements,
96
+ control: {
97
+ type: 'select',
98
+ },
99
+ },
100
+ size: {
101
+ options: ['xs', 'xxs'],
102
+ control: {
103
+ type: 'select',
104
+ },
105
+ },
106
+ layout: {
107
+ options: ['vertical', 'horizontal'],
108
+ control: {
109
+ type: 'select',
110
+ },
111
+ },
112
+ ...disableProps(['view']),
113
+ },
114
+ args: {
115
+ title: 'Title',
116
+ children: longText,
117
+ showCloseIcon: true,
118
+ showLeftIcon: true,
119
+ iconPlacement: 'top',
120
+ layout: 'vertical',
121
+ size: 'xs',
122
+ },
123
+ render: (args) => <StoryDefault {...args} />,
124
+ };
125
+
126
+ type StoryLiveDemoProps = ComponentProps<typeof Notification> & {
127
+ timeout: number;
128
+ layout: NotificationLayout;
129
+ size: 'xs' | 'xxs';
130
+ iconPlacement: NotificationIconPlacement;
131
+ placement?: NotificationPlacement;
132
+ };
133
+
134
+ const StoryLiveDemo = ({ timeout, placement, ...rest }: StoryLiveDemoProps) => {
135
+ const count = useRef(0);
136
+ const handleClick = useCallback(() => {
137
+ addNotification(
138
+ {
139
+ icon: <IconDisclosureRight color="inherit" />,
140
+ ...rest,
141
+ ...getNotificationProps(count.current),
142
+ },
143
+ timeout,
144
+ );
145
+ count.current++;
146
+ }, [count, rest]);
147
+
148
+ return (
149
+ <NotificationsProvider placement={placement}>
150
+ <Button text="Добавить уведомление" onClick={handleClick} />
151
+ </NotificationsProvider>
152
+ );
153
+ };
154
+
155
+ export const LiveDemo: StoryObj<StoryLiveDemoProps> = {
156
+ argTypes: {
157
+ layout: {
158
+ options: ['vertical', 'horizontal'],
159
+ control: {
160
+ type: 'select',
161
+ },
162
+ },
163
+ placement: {
164
+ options: notificationsPlacements,
165
+ control: {
166
+ type: 'select',
167
+ },
168
+ },
169
+ },
170
+ args: {
171
+ timeout: 3000,
172
+ role: 'alert',
173
+ layout: 'vertical',
174
+ placement: 'bottom-right',
175
+ width: '',
176
+ maxWidth: '',
177
+ },
178
+ render: (args) => <StoryLiveDemo {...args} />,
179
+ };
180
+
181
+ type StoryWithModalProps = ComponentProps<typeof Notification> & {
182
+ timeout: number;
183
+ placement?: NotificationPlacement;
184
+ };
185
+
186
+ const StoryWithModal = ({ timeout, placement }: StoryWithModalProps) => {
187
+ const [isModalOpen, setIsModalOpen] = useState(false);
188
+ const count = useRef(0);
189
+ const handleClick = useCallback(() => {
190
+ addNotification(getNotificationProps(count.current), timeout);
191
+ count.current++;
192
+ }, [count]);
193
+
194
+ return (
195
+ <NotificationsProvider placement={placement}>
196
+ <PopupProvider>
197
+ <Button text="Open modal" onClick={() => setIsModalOpen(true)} />
198
+ <Modal opened={isModalOpen} onClose={() => setIsModalOpen(false)}>
199
+ <div>Hello!</div>
200
+ <Button view="default" size="s" text="Add notification" onClick={handleClick} />
201
+ </Modal>
202
+ </PopupProvider>
203
+ </NotificationsProvider>
204
+ );
205
+ };
206
+
207
+ export const WithModal: StoryObj<StoryLiveDemoProps> = {
208
+ args: {
209
+ timeout: 3500,
210
+ placement: 'bottom-right',
211
+ },
212
+ argTypes: {
213
+ placement: {
214
+ options: notificationsPlacements,
215
+ control: {
216
+ type: 'select',
217
+ },
218
+ },
219
+ },
220
+ render: (args) => <StoryWithModal {...args} />,
221
+ };
@@ -1,2 +1,2 @@
1
1
  export { NotificationsProvider, Notification } from './Notification';
2
- export { addNotification, closeNotification } from '@salutejs/plasma-new-hope/emotion';
2
+ export { addNotification, closeNotification } from '@salutejs/plasma-new-hope/emotion';
@@ -1,3 +1,11 @@
1
1
  import { composeNumberFormat } from '@salutejs/plasma-new-hope/emotion';
2
2
  import { TextField } from '../TextField/TextField';
3
- export var NumberFormat = composeNumberFormat(TextField);
3
+
4
+ /**
5
+ * Note: проблема связанная с выводом типов
6
+ * Выводимому типу "NumberFormat" невозможно присвоить имя без ссылки
7
+ * на "@salutejs/plasma-new-hope/node_modules/react-number-format".
8
+ * Вероятно, оно не является переносимым. Требуется заметка с типом.
9
+ */
10
+
11
+ export var NumberFormat = /*#__PURE__*/composeNumberFormat(TextField);
@@ -0,0 +1,186 @@
1
+ import React, { ComponentProps } from 'react';
2
+ import type { StoryObj, Meta } from '@storybook/react';
3
+ import { action } from '@storybook/addon-actions';
4
+ import { getConfigVariations, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
5
+
6
+ import { config } from '../TextField/TextField.config';
7
+
8
+ import { NumberFormat } from './NumberFormat';
9
+
10
+ const onChange = action('onChange');
11
+ const onFocus = action('onFocus');
12
+ const onBlur = action('onBlur');
13
+ const onSearch = action('onSearch');
14
+
15
+ const { views, sizes } = getConfigVariations(config);
16
+
17
+ const labelPlacements = ['outer', 'inner'];
18
+ const thousandsGroupStyles = ['thousand', 'lakh', 'wan', 'none'];
19
+
20
+ const meta: Meta = {
21
+ title: 'Data Entry/NumberFormat',
22
+ component: NumberFormat,
23
+ decorators: [InSpacingDecorator],
24
+ argTypes: {
25
+ thousandsGroupStyle: {
26
+ options: thousandsGroupStyles,
27
+ control: {
28
+ type: 'select',
29
+ },
30
+ },
31
+ requiredPlacement: {
32
+ options: ['left', 'right'],
33
+ control: {
34
+ type: 'select',
35
+ },
36
+ },
37
+ required: {
38
+ control: {
39
+ type: 'boolean',
40
+ },
41
+ if: {
42
+ arg: 'optional',
43
+ truthy: false,
44
+ },
45
+ },
46
+ optional: {
47
+ control: {
48
+ type: 'boolean',
49
+ },
50
+ if: {
51
+ arg: 'required',
52
+ truthy: false,
53
+ },
54
+ },
55
+ hasDivider: {
56
+ control: {
57
+ type: 'boolean',
58
+ },
59
+ if: {
60
+ arg: 'clear',
61
+ truthy: true,
62
+ },
63
+ },
64
+ view: {
65
+ options: views,
66
+ control: {
67
+ type: 'select',
68
+ },
69
+ },
70
+ labelPlacement: {
71
+ options: labelPlacements,
72
+ control: {
73
+ type: 'inline-radio',
74
+ },
75
+ },
76
+ keepPlaceholder: {
77
+ control: {
78
+ type: 'boolean',
79
+ },
80
+ if: {
81
+ arg: 'labelPlacement',
82
+ eq: 'inner',
83
+ },
84
+ },
85
+ size: {
86
+ options: sizes,
87
+ control: {
88
+ type: 'inline-radio',
89
+ },
90
+ },
91
+ titleCaption: {
92
+ control: { type: 'text' },
93
+ },
94
+ leftHelper: {
95
+ control: { type: 'text' },
96
+ },
97
+ },
98
+ };
99
+
100
+ export default meta;
101
+
102
+ type StoryPropsDefault = Omit<
103
+ ComponentProps<typeof NumberFormat>,
104
+ | 'helperBlock'
105
+ | 'contentLeft'
106
+ | 'htmlSize'
107
+ | 'contentRight'
108
+ | 'type'
109
+ | 'name'
110
+ | 'onFocus'
111
+ | 'onBlur'
112
+ | 'onChange'
113
+ | 'checked'
114
+ | 'maxLength'
115
+ | 'minLength'
116
+ | 'required'
117
+ | 'enumerationType'
118
+ | 'chips'
119
+ | 'chipView'
120
+ | 'chipValidator'
121
+ | 'onChangeChips'
122
+ | 'hintText'
123
+ | 'hintView'
124
+ | 'hintSize'
125
+ | 'hintTargetIcon'
126
+ | 'hintPlacement'
127
+ | 'hintTargetPlacement'
128
+ | 'hintHasArrow'
129
+ | 'hintOffset'
130
+ | 'hintWidth'
131
+ | 'hintContentLeft'
132
+ | 'hintTrigger'
133
+ >;
134
+
135
+ const StoryDemo = ({ ...rest }: StoryPropsDefault) => {
136
+ return (
137
+ <div
138
+ style={{
139
+ display: 'flex',
140
+ flexDirection: 'column',
141
+ gap: '2rem',
142
+ width: '70%',
143
+ margin: '0 auto',
144
+ }}
145
+ >
146
+ <NumberFormat
147
+ {...rest}
148
+ enumerationType="plain"
149
+ onChange={onChange}
150
+ onFocus={onFocus}
151
+ onBlur={onBlur}
152
+ onSearch={onSearch}
153
+ />
154
+ </div>
155
+ );
156
+ };
157
+
158
+ export const Default: StoryObj<StoryPropsDefault> = {
159
+ args: {
160
+ thousandSeparator: ' ',
161
+ decimalScale: 3,
162
+ decimalSeparator: '.',
163
+ thousandsGroupStyle: 'thousand',
164
+ fixedDecimalScale: false,
165
+ allowNegative: true,
166
+ allowLeadingZeros: false,
167
+ size: 's',
168
+ view: 'default',
169
+ label: 'Лейбл',
170
+ labelPlacement: 'outer',
171
+ keepPlaceholder: false,
172
+ titleCaption: 'Подпись к полю',
173
+ textBefore: '',
174
+ textAfter: '₽',
175
+ placeholder: 'Заполните поле',
176
+ leftHelper: 'Подсказка к полю',
177
+ disabled: false,
178
+ readOnly: false,
179
+ optional: false,
180
+ required: false,
181
+ requiredPlacement: 'right',
182
+ clear: false,
183
+ hasDivider: false,
184
+ },
185
+ render: (args) => <StoryDemo {...args} />,
186
+ };
@@ -1 +1 @@
1
- export { NumberFormat } from './NumberFormat';
1
+ export { NumberFormat } from './NumberFormat';
@@ -1,149 +1,33 @@
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-accent);\n ",
15
- ": var(--text-negative);\n\n ",
16
- ": var(--text-primary);\n ",
17
- ": var(--text-tertiary);\n ",
18
- ": var(--surface-solid-card);\n ",
19
- ": var(--outline-solid-primary);\n ",
20
- ": var(--outline-accent);\n\n ",
21
- ": var(--text-accent);\n ",
22
- ": var(--surface-solid-card);\n ",
23
- ": #1A9E32;\n ",
24
- ": var(--text-accent-active);\n\n ",
25
- ": 0.4;\n\n ",
26
- ": inherit;\n ",
27
- ": inherit;\n "
28
- ]);
29
- _templateObject = function _templateObject() {
30
- return data;
31
- };
32
- return data;
33
- }
34
- function _templateObject1() {
35
- var data = _tagged_template_literal([
36
- "\n ",
37
- ": 8.75rem;\n ",
38
- ": 2.625rem;\n ",
39
- ": 2.625rem;\n ",
40
- ": 1rem;\n ",
41
- ": var(--plasma-typo-body-s-font-family);\n ",
42
- ": var(--plasma-typo-body-s-font-size);\n ",
43
- ": var(--plasma-typo-body-s-font-style);\n ",
44
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
45
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
46
- ": var(--plasma-typo-body-s-line-height);\n\n ",
47
- ": 0.625rem;\n ",
48
- ": 0.25rem;\n\n ",
49
- ": 0 0.125rem;\n ",
50
- ": 0.625rem;\n ",
51
- ": 2.625rem;\n ",
52
- ": 0.688rem 0.875rem;\n ",
53
- ": 0.125rem;\n\n ",
54
- ": var(--plasma-typo-body-s-font-family);\n ",
55
- ": var(--plasma-typo-body-s-font-size);\n ",
56
- ": var(--plasma-typo-body-s-font-style);\n ",
57
- ": var(--plasma-typo-body-s-font-weight);\n ",
58
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
59
- ": var(--plasma-typo-body-s-line-height);\n\n ",
60
- ": 0.25rem;\n ",
61
- ": 0.25rem;\n\n ",
62
- ": 1.375rem;\n "
63
- ]);
64
- _templateObject1 = function _templateObject() {
65
- return data;
66
- };
67
- return data;
68
- }
69
- function _templateObject2() {
70
- var data = _tagged_template_literal([
71
- ""
72
- ]);
73
- _templateObject2 = function _templateObject() {
74
- return data;
75
- };
76
- return data;
77
- }
78
- function _templateObject3() {
79
- var data = _tagged_template_literal([
80
- "\n ",
81
- ": 50%;\n "
82
- ]);
83
- _templateObject3 = function _templateObject() {
84
- return data;
85
- };
86
- return data;
87
- }
88
- function _templateObject4() {
89
- var data = _tagged_template_literal([
90
- "\n ",
91
- ": transparent;\n ",
92
- ": transparent;\n "
93
- ]);
94
- _templateObject4 = function _templateObject() {
95
- return data;
96
- };
97
- return data;
98
- }
99
- function _templateObject5() {
100
- var data = _tagged_template_literal([
101
- "\n ",
102
- ": 0;\n "
103
- ]);
104
- _templateObject5 = function _templateObject() {
105
- return data;
106
- };
107
- return data;
108
- }
109
- function _templateObject6() {
110
- var data = _tagged_template_literal([
111
- "\n ",
112
- ": 0.4;\n "
113
- ]);
114
- _templateObject6 = function _templateObject() {
115
- return data;
116
- };
117
- return data;
118
- }
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) } })); }
119
3
  import { css, numberInputTokens as tokens } from '@salutejs/plasma-new-hope/emotion';
120
4
  export var config = {
121
- defaults: {
122
- view: 'default',
123
- size: 's',
124
- segmentation: 'solid',
125
- shape: 'cornered',
126
- inputBackgroundType: 'clear'
5
+ defaults: {
6
+ view: 'default',
7
+ size: 's',
8
+ segmentation: 'solid',
9
+ shape: 'cornered',
10
+ inputBackgroundType: 'clear'
11
+ },
12
+ variations: {
13
+ view: {
14
+ "default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-negative);\n\n ", ": var(--text-primary);\n ", ": var(--text-tertiary);\n ", ": var(--surface-solid-card);\n ", ": var(--outline-solid-primary);\n ", ": var(--outline-accent);\n\n ", ": var(--text-accent);\n ", ": var(--surface-solid-card);\n ", ": #1A9E32;\n ", ": var(--text-accent-active);\n\n ", ": 0.4;\n\n ", ": inherit;\n ", ": inherit;\n "])), tokens.caretColor, tokens.errorColor, tokens.colorSolid, tokens.additionalTextColorSolid, tokens.backgroundColorSolid, tokens.wrapperBorderColor, tokens.wrapperBorderColorFocus, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorSolidHover, tokens.iconButtonColorSolidActive, tokens.actionButtonDisabledOpacity, tokens.loaderSpinnerColor, tokens.loaderSpinnerColorSolid)
15
+ },
16
+ size: {
17
+ s: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 8.75rem;\n ", ": 2.625rem;\n ", ": 2.625rem;\n ", ": 1rem;\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.625rem;\n ", ": 0.25rem;\n\n ", ": 0 0.125rem;\n ", ": 0.625rem;\n ", ": 2.625rem;\n ", ": 0.688rem 0.875rem;\n ", ": 0.125rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": 0.25rem;\n ", ": 0.25rem;\n\n ", ": 1.375rem;\n "])), tokens.rootMinWidth, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonFontFamily, tokens.iconButtonFontSize, tokens.iconButtonFontStyle, tokens.iconButtonFontWeight, tokens.iconButtonLetterSpacing, tokens.iconButtonLineHeight, tokens.iconButtonRadius, tokens.iconButtonSegmentationRadius, tokens.inputWrapperMargin, tokens.inputWrapperBorderRadius, tokens.textWrapperHeight, tokens.textWrapperPadding, tokens.rootBorderWidth, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.textBeforeMarginRight, tokens.textAfterMarginLeft, tokens.loaderSpinnerSize)
18
+ },
19
+ shape: {
20
+ cornered: /*#__PURE__*/css(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral([""]))),
21
+ pilled: /*#__PURE__*/css(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 50%;\n "])), tokens.iconButtonRadius)
22
+ },
23
+ inputBackgroundType: {
24
+ clear: /*#__PURE__*/css(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": transparent;\n ", ": transparent;\n "])), tokens.backgroundColor, tokens.backgroundColorHover)
25
+ },
26
+ segmentation: {
27
+ solid: /*#__PURE__*/css(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0;\n "])), tokens.iconButtonSegmentationRadius)
127
28
  },
128
- variations: {
129
- view: {
130
- default: css(_templateObject(), tokens.caretColor, tokens.errorColor, tokens.colorSolid, tokens.additionalTextColorSolid, tokens.backgroundColorSolid, tokens.wrapperBorderColor, tokens.wrapperBorderColorFocus, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorSolidHover, tokens.iconButtonColorSolidActive, tokens.actionButtonDisabledOpacity, tokens.loaderSpinnerColor, tokens.loaderSpinnerColorSolid)
131
- },
132
- size: {
133
- s: css(_templateObject1(), tokens.rootMinWidth, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonFontFamily, tokens.iconButtonFontSize, tokens.iconButtonFontStyle, tokens.iconButtonFontWeight, tokens.iconButtonLetterSpacing, tokens.iconButtonLineHeight, tokens.iconButtonRadius, tokens.iconButtonSegmentationRadius, tokens.inputWrapperMargin, tokens.inputWrapperBorderRadius, tokens.textWrapperHeight, tokens.textWrapperPadding, tokens.rootBorderWidth, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight, tokens.textBeforeMarginRight, tokens.textAfterMarginLeft, tokens.loaderSpinnerSize)
134
- },
135
- shape: {
136
- cornered: css(_templateObject2()),
137
- pilled: css(_templateObject3(), tokens.iconButtonRadius)
138
- },
139
- inputBackgroundType: {
140
- clear: css(_templateObject4(), tokens.backgroundColor, tokens.backgroundColorHover)
141
- },
142
- segmentation: {
143
- solid: css(_templateObject5(), tokens.iconButtonSegmentationRadius)
144
- },
145
- disabled: {
146
- true: css(_templateObject6(), tokens.disabledOpacity)
147
- }
29
+ disabled: {
30
+ "true": /*#__PURE__*/css(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), tokens.disabledOpacity)
148
31
  }
149
- };
32
+ }
33
+ };
@@ -1,4 +1,4 @@
1
1
  import { numberInputConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/emotion';
2
2
  import { config } from './NumberInput.config';
3
- var mergedConfig = mergeConfig(numberInputConfig, config);
4
- export var NumberInput = component(mergedConfig);
3
+ var mergedConfig = /*#__PURE__*/mergeConfig(numberInputConfig, config);
4
+ export var NumberInput = /*#__PURE__*/component(mergedConfig);