@salutejs/sdds-cs 0.319.0-canary.2020.15698332896.0 → 0.319.0-canary.2020.15831403447.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 (965) hide show
  1. package/components/Accordion/Accordion.config.js +101 -19
  2. package/components/Accordion/Accordion.js +18 -12
  3. package/components/Accordion/index.js +15 -14
  4. package/components/Attach/Attach.config.js +267 -26
  5. package/components/Attach/Attach.js +11 -11
  6. package/components/Attach/index.js +6 -7
  7. package/components/Autocomplete/Autocomplete.config.js +247 -30
  8. package/components/Autocomplete/Autocomplete.js +11 -7
  9. package/components/Autocomplete/index.js +6 -7
  10. package/components/Avatar/Avatar.config.js +197 -31
  11. package/components/Avatar/Avatar.js +19 -7
  12. package/components/Avatar/index.js +6 -7
  13. package/components/AvatarGroup/AvatarGroup.js +10 -6
  14. package/components/AvatarGroup/index.js +6 -7
  15. package/components/Badge/Badge.config.js +145 -30
  16. package/components/Badge/Badge.js +11 -11
  17. package/components/Badge/index.js +6 -7
  18. package/components/Breadcrumbs/Breadcrumbs.config.js +60 -18
  19. package/components/Breadcrumbs/Breadcrumbs.js +12 -12
  20. package/components/Breadcrumbs/index.js +6 -7
  21. package/components/Button/Button.config.js +174 -30
  22. package/components/Button/Button.js +146 -41
  23. package/components/Button/index.js +6 -7
  24. package/components/ButtonBase/index.js +6 -7
  25. package/components/ButtonGroup/ButtonGroup.config.js +228 -38
  26. package/components/ButtonGroup/ButtonGroup.js +11 -11
  27. package/components/ButtonGroup/index.js +6 -7
  28. package/components/Calendar/Calendar.js +39 -18
  29. package/components/Calendar/CalendarBase.config.js +128 -18
  30. package/components/Calendar/CalendarDouble.config.js +128 -18
  31. package/components/Calendar/index.js +24 -32
  32. package/components/Card/Card.config.js +81 -20
  33. package/components/Card/Card.js +22 -23
  34. package/components/Card/index.js +18 -20
  35. package/components/Carousel/Carousel.config.d.ts +14 -0
  36. package/components/Carousel/Carousel.config.js +62 -0
  37. package/components/Carousel/Carousel.d.ts +9 -0
  38. package/components/Carousel/Carousel.js +14 -0
  39. package/components/Carousel/index.d.ts +2 -0
  40. package/components/Carousel/index.js +20 -0
  41. package/components/Cell/Cell.config.js +110 -16
  42. package/components/Cell/Cell.js +12 -12
  43. package/components/Cell/index.js +25 -33
  44. package/components/Checkbox/Checkbox.config.js +104 -25
  45. package/components/Checkbox/Checkbox.js +12 -11
  46. package/components/Checkbox/index.js +6 -7
  47. package/components/Chip/Chip.config.js +162 -25
  48. package/components/Chip/Chip.js +12 -12
  49. package/components/Chip/index.js +6 -7
  50. package/components/ChipGroup/ChipGroup.config.js +127 -24
  51. package/components/ChipGroup/ChipGroup.js +11 -7
  52. package/components/ChipGroup/index.js +6 -7
  53. package/components/Combobox/Combobox.config.js +313 -30
  54. package/components/Combobox/Combobox.d.ts +24 -24
  55. package/components/Combobox/Combobox.js +50 -15
  56. package/components/Combobox/index.js +6 -7
  57. package/components/Counter/Counter.config.js +95 -21
  58. package/components/Counter/Counter.js +11 -11
  59. package/components/Counter/index.js +16 -15
  60. package/components/DatePicker/DatePicker.config.js +264 -24
  61. package/components/DatePicker/DatePicker.js +21 -9
  62. package/components/DatePicker/index.js +22 -27
  63. package/components/Divider/Divider.config.js +109 -27
  64. package/components/Divider/Divider.js +11 -11
  65. package/components/Divider/index.js +16 -15
  66. package/components/Drawer/Drawer.config.js +79 -22
  67. package/components/Drawer/Drawer.js +31 -29
  68. package/components/Drawer/index.js +21 -26
  69. package/components/Dropdown/Dropdown.config.js +94 -18
  70. package/components/Dropdown/Dropdown.js +50 -15
  71. package/components/Dropdown/index.js +6 -7
  72. package/components/Dropzone/Dropzone.config.js +86 -21
  73. package/components/Dropzone/Dropzone.js +11 -7
  74. package/components/Dropzone/index.js +19 -21
  75. package/components/EmptyState/EmptyState.config.js +114 -18
  76. package/components/EmptyState/EmptyState.js +19 -7
  77. package/components/EmptyState/index.js +6 -7
  78. package/components/Flow/Flow.config.js +11 -7
  79. package/components/Flow/Flow.js +11 -7
  80. package/components/Flow/index.js +6 -7
  81. package/components/Grid/Grid.config.js +71 -19
  82. package/components/Grid/Grid.js +21 -18
  83. package/components/Grid/index.js +18 -20
  84. package/components/IconButton/IconButton.config.js +146 -28
  85. package/components/IconButton/IconButton.js +12 -12
  86. package/components/IconButton/index.js +6 -7
  87. package/components/Image/Image.js +11 -11
  88. package/components/Image/index.js +6 -7
  89. package/components/Indicator/Indicator.config.js +138 -26
  90. package/components/Indicator/Indicator.js +19 -7
  91. package/components/Indicator/index.js +6 -7
  92. package/components/Link/Link.config.js +214 -29
  93. package/components/Link/Link.js +12 -11
  94. package/components/Link/index.js +6 -7
  95. package/components/Mask/Mask.js +10 -6
  96. package/components/Mask/index.js +6 -7
  97. package/components/Modal/Modal.config.js +47 -15
  98. package/components/Modal/Modal.js +12 -12
  99. package/components/Modal/index.js +16 -15
  100. package/components/Notification/Notification.config.js +163 -26
  101. package/components/Notification/Notification.js +38 -23
  102. package/components/Notification/index.js +22 -27
  103. package/components/NumberFormat/NumberFormat.js +10 -13
  104. package/components/NumberFormat/index.js +6 -7
  105. package/components/NumberInput/NumberInput.config.js +154 -34
  106. package/components/NumberInput/NumberInput.js +11 -7
  107. package/components/NumberInput/index.js +19 -21
  108. package/components/Overlay/index.js +6 -7
  109. package/components/Pagination/Pagination.config.js +139 -26
  110. package/components/Pagination/Pagination.js +12 -12
  111. package/components/Pagination/index.js +6 -7
  112. package/components/Popover/Popover.config.js +43 -15
  113. package/components/Popover/Popover.js +11 -7
  114. package/components/Popover/index.js +6 -7
  115. package/components/Popup/Popup.js +10 -10
  116. package/components/Popup/index.js +22 -27
  117. package/components/Portal/index.js +6 -7
  118. package/components/Price/Price.config.js +15 -11
  119. package/components/Price/Price.js +12 -12
  120. package/components/Price/index.js +16 -15
  121. package/components/Progress/Progress.config.js +95 -21
  122. package/components/Progress/Progress.js +12 -8
  123. package/components/Progress/index.js +6 -7
  124. package/components/Radiobox/Radiobox.config.js +106 -31
  125. package/components/Radiobox/Radiobox.d.ts +2 -28
  126. package/components/Radiobox/Radiobox.js +19 -16
  127. package/components/Radiobox/index.js +15 -14
  128. package/components/Range/Range.config.js +157 -24
  129. package/components/Range/Range.js +11 -11
  130. package/components/Range/index.js +16 -15
  131. package/components/Rating/Rating.config.js +117 -20
  132. package/components/Rating/Rating.js +11 -7
  133. package/components/Rating/index.js +19 -21
  134. package/components/SSRProvider/index.js +6 -7
  135. package/components/Segment/Segment.js +27 -32
  136. package/components/Segment/SegmentGroup.config.js +130 -34
  137. package/components/Segment/SegmentItem.config.js +124 -25
  138. package/components/Segment/index.js +21 -26
  139. package/components/Select/Select.config.js +305 -35
  140. package/components/Select/Select.d.ts +6 -6
  141. package/components/Select/Select.js +50 -15
  142. package/components/Select/index.js +6 -7
  143. package/components/Sheet/Sheet.config.js +63 -18
  144. package/components/Sheet/Sheet.js +12 -12
  145. package/components/Sheet/index.js +16 -15
  146. package/components/Skeleton/LineSkeleton.config.js +230 -31
  147. package/components/Skeleton/Skeleton.js +25 -20
  148. package/components/Skeleton/index.js +21 -26
  149. package/components/Slider/Slider.config.js +147 -22
  150. package/components/Slider/Slider.js +12 -13
  151. package/components/Slider/index.js +6 -7
  152. package/components/Spinner/Spinner.config.js +107 -23
  153. package/components/Spinner/Spinner.js +23 -15
  154. package/components/Spinner/index.js +6 -7
  155. package/components/Steps/Steps.config.js +105 -18
  156. package/components/Steps/Steps.js +12 -8
  157. package/components/Steps/index.js +6 -7
  158. package/components/Switch/Switch.config.js +149 -31
  159. package/components/Switch/Switch.js +12 -8
  160. package/components/Switch/index.js +6 -7
  161. package/components/Table/Table.config.js +257 -21
  162. package/components/Table/Table.js +12 -12
  163. package/components/Table/index.js +6 -7
  164. package/components/Tabs/TabItem.js +26 -21
  165. package/components/Tabs/Tabs.js +26 -21
  166. package/components/Tabs/TabsController.js +15 -16
  167. package/components/Tabs/horizontal/HorizontalTabItem.config.js +230 -30
  168. package/components/Tabs/horizontal/HorizontalTabs.config.js +266 -37
  169. package/components/Tabs/index.js +27 -35
  170. package/components/Tabs/vertical/VerticalTabItem.config.js +125 -24
  171. package/components/Tabs/vertical/VerticalTabs.config.js +98 -24
  172. package/components/TextArea/TextArea.config.js +367 -42
  173. package/components/TextArea/TextArea.js +12 -12
  174. package/components/TextArea/index.js +6 -7
  175. package/components/TextField/TextField.config.js +338 -40
  176. package/components/TextField/TextField.js +11 -11
  177. package/components/TextField/index.js +16 -15
  178. package/components/Toast/Toast.config.js +127 -35
  179. package/components/Toast/Toast.js +26 -14
  180. package/components/Toast/index.js +18 -20
  181. package/components/ToastNew/ToastNew.config.js +80 -21
  182. package/components/ToastNew/ToastNew.js +20 -8
  183. package/components/ToastNew/index.js +15 -14
  184. package/components/Tokens/Colors/Colors.styles.d.ts +1 -1
  185. package/components/Tokens/Colors/Colors.styles.js +147 -51
  186. package/components/Tokens/NumberTokens/NumberTokens.styles.js +70 -23
  187. package/components/Tokens/Typography/Typography.styles.d.ts +1 -1
  188. package/components/Tokens/Typography/Typography.styles.js +204 -76
  189. package/components/Toolbar/Toolbar.config.js +57 -18
  190. package/components/Toolbar/Toolbar.js +21 -13
  191. package/components/Toolbar/index.js +19 -21
  192. package/components/Tooltip/Tooltip.config.js +71 -19
  193. package/components/Tooltip/Tooltip.js +11 -7
  194. package/components/Tooltip/index.js +6 -7
  195. package/components/Tree/Tree.config.js +83 -18
  196. package/components/Tree/Tree.js +11 -7
  197. package/components/Tree/index.js +6 -7
  198. package/components/Typography/Body.config.js +161 -47
  199. package/components/Typography/Dspl.config.js +105 -31
  200. package/components/Typography/Heading.config.js +161 -47
  201. package/components/Typography/Text.config.js +133 -39
  202. package/components/Typography/Typography.js +116 -59
  203. package/components/Typography/index.js +62 -106
  204. package/components/ViewContainer/ViewContainer.config.js +46 -14
  205. package/components/ViewContainer/ViewContainer.js +11 -7
  206. package/components/ViewContainer/index.js +6 -7
  207. package/emotion/cjs/components/Accordion/Accordion.config.js +101 -19
  208. package/emotion/cjs/components/Accordion/Accordion.js +18 -12
  209. package/emotion/cjs/components/Accordion/index.js +15 -14
  210. package/emotion/cjs/components/Attach/Attach.config.js +267 -26
  211. package/emotion/cjs/components/Attach/Attach.js +11 -11
  212. package/emotion/cjs/components/Attach/index.js +6 -7
  213. package/emotion/cjs/components/Autocomplete/Autocomplete.config.js +247 -30
  214. package/emotion/cjs/components/Autocomplete/Autocomplete.js +11 -7
  215. package/emotion/cjs/components/Autocomplete/index.js +6 -7
  216. package/emotion/cjs/components/Avatar/Avatar.config.js +197 -31
  217. package/emotion/cjs/components/Avatar/Avatar.js +19 -7
  218. package/emotion/cjs/components/Avatar/index.js +6 -7
  219. package/emotion/cjs/components/AvatarGroup/AvatarGroup.js +10 -6
  220. package/emotion/cjs/components/AvatarGroup/index.js +6 -7
  221. package/emotion/cjs/components/Badge/Badge.config.js +145 -30
  222. package/emotion/cjs/components/Badge/Badge.js +11 -11
  223. package/emotion/cjs/components/Badge/index.js +6 -7
  224. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.config.js +60 -18
  225. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +12 -12
  226. package/emotion/cjs/components/Breadcrumbs/index.js +6 -7
  227. package/emotion/cjs/components/Button/Button.config.js +174 -30
  228. package/emotion/cjs/components/Button/Button.js +146 -41
  229. package/emotion/cjs/components/Button/index.js +6 -7
  230. package/emotion/cjs/components/ButtonBase/index.js +6 -7
  231. package/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +228 -38
  232. package/emotion/cjs/components/ButtonGroup/ButtonGroup.js +11 -11
  233. package/emotion/cjs/components/ButtonGroup/index.js +6 -7
  234. package/emotion/cjs/components/Calendar/Calendar.js +39 -18
  235. package/emotion/cjs/components/Calendar/CalendarBase.config.js +128 -18
  236. package/emotion/cjs/components/Calendar/CalendarDouble.config.js +128 -18
  237. package/emotion/cjs/components/Calendar/index.js +24 -32
  238. package/emotion/cjs/components/Card/Card.config.js +81 -20
  239. package/emotion/cjs/components/Card/Card.js +22 -23
  240. package/emotion/cjs/components/Card/index.js +18 -20
  241. package/emotion/cjs/components/Carousel/Carousel.config.js +62 -0
  242. package/emotion/cjs/components/Carousel/Carousel.js +14 -0
  243. package/emotion/cjs/components/Carousel/index.js +20 -0
  244. package/emotion/cjs/components/Cell/Cell.config.js +110 -16
  245. package/emotion/cjs/components/Cell/Cell.js +12 -12
  246. package/emotion/cjs/components/Cell/index.js +25 -33
  247. package/emotion/cjs/components/Checkbox/Checkbox.config.js +104 -25
  248. package/emotion/cjs/components/Checkbox/Checkbox.js +12 -11
  249. package/emotion/cjs/components/Checkbox/index.js +6 -7
  250. package/emotion/cjs/components/Chip/Chip.config.js +162 -25
  251. package/emotion/cjs/components/Chip/Chip.js +12 -12
  252. package/emotion/cjs/components/Chip/index.js +6 -7
  253. package/emotion/cjs/components/ChipGroup/ChipGroup.config.js +127 -24
  254. package/emotion/cjs/components/ChipGroup/ChipGroup.js +11 -7
  255. package/emotion/cjs/components/ChipGroup/index.js +6 -7
  256. package/emotion/cjs/components/Combobox/Combobox.config.js +313 -30
  257. package/emotion/cjs/components/Combobox/Combobox.js +50 -15
  258. package/emotion/cjs/components/Combobox/index.js +6 -7
  259. package/emotion/cjs/components/Counter/Counter.config.js +95 -21
  260. package/emotion/cjs/components/Counter/Counter.js +11 -11
  261. package/emotion/cjs/components/Counter/index.js +16 -15
  262. package/emotion/cjs/components/DatePicker/DatePicker.config.js +264 -24
  263. package/emotion/cjs/components/DatePicker/DatePicker.js +21 -9
  264. package/emotion/cjs/components/DatePicker/index.js +22 -27
  265. package/emotion/cjs/components/Divider/Divider.config.js +109 -27
  266. package/emotion/cjs/components/Divider/Divider.js +11 -11
  267. package/emotion/cjs/components/Divider/index.js +16 -15
  268. package/emotion/cjs/components/Drawer/Drawer.config.js +79 -22
  269. package/emotion/cjs/components/Drawer/Drawer.js +31 -29
  270. package/emotion/cjs/components/Drawer/index.js +21 -26
  271. package/emotion/cjs/components/Dropdown/Dropdown.config.js +94 -18
  272. package/emotion/cjs/components/Dropdown/Dropdown.js +50 -15
  273. package/emotion/cjs/components/Dropdown/index.js +6 -7
  274. package/emotion/cjs/components/Dropzone/Dropzone.config.js +86 -21
  275. package/emotion/cjs/components/Dropzone/Dropzone.js +11 -7
  276. package/emotion/cjs/components/Dropzone/index.js +19 -21
  277. package/emotion/cjs/components/EmptyState/EmptyState.config.js +114 -18
  278. package/emotion/cjs/components/EmptyState/EmptyState.js +19 -7
  279. package/emotion/cjs/components/EmptyState/index.js +6 -7
  280. package/emotion/cjs/components/Flow/Flow.config.js +11 -7
  281. package/emotion/cjs/components/Flow/Flow.js +11 -7
  282. package/emotion/cjs/components/Flow/index.js +6 -7
  283. package/emotion/cjs/components/Grid/Grid.config.js +71 -19
  284. package/emotion/cjs/components/Grid/Grid.js +21 -18
  285. package/emotion/cjs/components/Grid/index.js +18 -20
  286. package/emotion/cjs/components/IconButton/IconButton.config.js +146 -28
  287. package/emotion/cjs/components/IconButton/IconButton.js +12 -12
  288. package/emotion/cjs/components/IconButton/index.js +6 -7
  289. package/emotion/cjs/components/Image/Image.js +11 -11
  290. package/emotion/cjs/components/Image/index.js +6 -7
  291. package/emotion/cjs/components/Indicator/Indicator.config.js +138 -26
  292. package/emotion/cjs/components/Indicator/Indicator.js +19 -7
  293. package/emotion/cjs/components/Indicator/index.js +6 -7
  294. package/emotion/cjs/components/Link/Link.config.js +214 -29
  295. package/emotion/cjs/components/Link/Link.js +12 -11
  296. package/emotion/cjs/components/Link/index.js +6 -7
  297. package/emotion/cjs/components/Mask/Mask.js +10 -6
  298. package/emotion/cjs/components/Mask/index.js +6 -7
  299. package/emotion/cjs/components/Modal/Modal.config.js +47 -15
  300. package/emotion/cjs/components/Modal/Modal.js +12 -12
  301. package/emotion/cjs/components/Modal/index.js +16 -15
  302. package/emotion/cjs/components/Notification/Notification.config.js +163 -26
  303. package/emotion/cjs/components/Notification/Notification.js +38 -23
  304. package/emotion/cjs/components/Notification/index.js +22 -27
  305. package/emotion/cjs/components/NumberFormat/NumberFormat.js +10 -13
  306. package/emotion/cjs/components/NumberFormat/index.js +6 -7
  307. package/emotion/cjs/components/NumberInput/NumberInput.config.js +154 -34
  308. package/emotion/cjs/components/NumberInput/NumberInput.js +11 -7
  309. package/emotion/cjs/components/NumberInput/index.js +19 -21
  310. package/emotion/cjs/components/Overlay/index.js +6 -7
  311. package/emotion/cjs/components/Pagination/Pagination.config.js +139 -26
  312. package/emotion/cjs/components/Pagination/Pagination.js +12 -12
  313. package/emotion/cjs/components/Pagination/index.js +6 -7
  314. package/emotion/cjs/components/Popover/Popover.config.js +43 -15
  315. package/emotion/cjs/components/Popover/Popover.js +11 -7
  316. package/emotion/cjs/components/Popover/index.js +6 -7
  317. package/emotion/cjs/components/Popup/Popup.js +10 -10
  318. package/emotion/cjs/components/Popup/index.js +22 -27
  319. package/emotion/cjs/components/Portal/index.js +6 -7
  320. package/emotion/cjs/components/Price/Price.config.js +15 -11
  321. package/emotion/cjs/components/Price/Price.js +12 -12
  322. package/emotion/cjs/components/Price/index.js +16 -15
  323. package/emotion/cjs/components/Progress/Progress.config.js +95 -21
  324. package/emotion/cjs/components/Progress/Progress.js +12 -8
  325. package/emotion/cjs/components/Progress/index.js +6 -7
  326. package/emotion/cjs/components/Radiobox/Radiobox.config.js +106 -31
  327. package/emotion/cjs/components/Radiobox/Radiobox.js +19 -16
  328. package/emotion/cjs/components/Radiobox/index.js +15 -14
  329. package/emotion/cjs/components/Range/Range.config.js +157 -24
  330. package/emotion/cjs/components/Range/Range.js +11 -11
  331. package/emotion/cjs/components/Range/index.js +16 -15
  332. package/emotion/cjs/components/Rating/Rating.config.js +117 -20
  333. package/emotion/cjs/components/Rating/Rating.js +11 -7
  334. package/emotion/cjs/components/Rating/index.js +19 -21
  335. package/emotion/cjs/components/SSRProvider/index.js +6 -7
  336. package/emotion/cjs/components/Segment/Segment.js +27 -32
  337. package/emotion/cjs/components/Segment/SegmentGroup.config.js +130 -34
  338. package/emotion/cjs/components/Segment/SegmentItem.config.js +124 -25
  339. package/emotion/cjs/components/Segment/index.js +21 -26
  340. package/emotion/cjs/components/Select/Select.config.js +305 -35
  341. package/emotion/cjs/components/Select/Select.js +50 -15
  342. package/emotion/cjs/components/Select/index.js +6 -7
  343. package/emotion/cjs/components/Sheet/Sheet.config.js +63 -18
  344. package/emotion/cjs/components/Sheet/Sheet.js +12 -12
  345. package/emotion/cjs/components/Sheet/index.js +16 -15
  346. package/emotion/cjs/components/Skeleton/LineSkeleton.config.js +230 -31
  347. package/emotion/cjs/components/Skeleton/Skeleton.js +25 -20
  348. package/emotion/cjs/components/Skeleton/index.js +21 -26
  349. package/emotion/cjs/components/Slider/Slider.config.js +147 -22
  350. package/emotion/cjs/components/Slider/Slider.js +12 -13
  351. package/emotion/cjs/components/Slider/index.js +6 -7
  352. package/emotion/cjs/components/Spinner/Spinner.config.js +107 -23
  353. package/emotion/cjs/components/Spinner/Spinner.js +23 -15
  354. package/emotion/cjs/components/Spinner/index.js +6 -7
  355. package/emotion/cjs/components/Steps/Steps.config.js +105 -18
  356. package/emotion/cjs/components/Steps/Steps.js +12 -8
  357. package/emotion/cjs/components/Steps/index.js +6 -7
  358. package/emotion/cjs/components/Switch/Switch.config.js +149 -31
  359. package/emotion/cjs/components/Switch/Switch.js +12 -8
  360. package/emotion/cjs/components/Switch/index.js +6 -7
  361. package/emotion/cjs/components/Table/Table.config.js +257 -21
  362. package/emotion/cjs/components/Table/Table.js +12 -12
  363. package/emotion/cjs/components/Table/index.js +6 -7
  364. package/emotion/cjs/components/Tabs/TabItem.js +26 -21
  365. package/emotion/cjs/components/Tabs/Tabs.js +26 -21
  366. package/emotion/cjs/components/Tabs/TabsController.js +15 -16
  367. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +230 -30
  368. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +266 -37
  369. package/emotion/cjs/components/Tabs/index.js +27 -35
  370. package/emotion/cjs/components/Tabs/vertical/VerticalTabItem.config.js +125 -24
  371. package/emotion/cjs/components/Tabs/vertical/VerticalTabs.config.js +98 -24
  372. package/emotion/cjs/components/TextArea/TextArea.config.js +367 -42
  373. package/emotion/cjs/components/TextArea/TextArea.js +12 -12
  374. package/emotion/cjs/components/TextArea/index.js +6 -7
  375. package/emotion/cjs/components/TextField/TextField.config.js +338 -40
  376. package/emotion/cjs/components/TextField/TextField.js +11 -11
  377. package/emotion/cjs/components/TextField/index.js +16 -15
  378. package/emotion/cjs/components/Toast/Toast.config.js +127 -35
  379. package/emotion/cjs/components/Toast/Toast.js +26 -14
  380. package/emotion/cjs/components/Toast/index.js +18 -20
  381. package/emotion/cjs/components/ToastNew/ToastNew.config.js +80 -21
  382. package/emotion/cjs/components/ToastNew/ToastNew.js +20 -8
  383. package/emotion/cjs/components/ToastNew/index.js +15 -14
  384. package/emotion/cjs/components/Tokens/Colors/Colors.styles.js +147 -27
  385. package/emotion/cjs/components/Tokens/NumberTokens/NumberTokens.styles.js +70 -13
  386. package/emotion/cjs/components/Tokens/Typography/Typography.styles.js +204 -44
  387. package/emotion/cjs/components/Toolbar/Toolbar.config.js +57 -18
  388. package/emotion/cjs/components/Toolbar/Toolbar.js +21 -13
  389. package/emotion/cjs/components/Toolbar/index.js +19 -21
  390. package/emotion/cjs/components/Tooltip/Tooltip.config.js +71 -19
  391. package/emotion/cjs/components/Tooltip/Tooltip.js +11 -7
  392. package/emotion/cjs/components/Tooltip/index.js +6 -7
  393. package/emotion/cjs/components/Tree/Tree.config.js +83 -18
  394. package/emotion/cjs/components/Tree/Tree.js +11 -7
  395. package/emotion/cjs/components/Tree/index.js +6 -7
  396. package/emotion/cjs/components/Typography/Body.config.js +161 -47
  397. package/emotion/cjs/components/Typography/Dspl.config.js +105 -31
  398. package/emotion/cjs/components/Typography/Heading.config.js +161 -47
  399. package/emotion/cjs/components/Typography/Text.config.js +133 -39
  400. package/emotion/cjs/components/Typography/Typography.js +116 -59
  401. package/emotion/cjs/components/Typography/index.js +62 -106
  402. package/emotion/cjs/components/ViewContainer/ViewContainer.config.js +46 -14
  403. package/emotion/cjs/components/ViewContainer/ViewContainer.js +11 -7
  404. package/emotion/cjs/components/ViewContainer/index.js +6 -7
  405. package/emotion/cjs/helpers/index.js +25 -0
  406. package/emotion/cjs/index.js +82 -729
  407. package/emotion/cjs/mixins/index.js +61 -20
  408. package/emotion/cjs/tokens/index.js +126 -255
  409. package/emotion/es/components/Accordion/Accordion.config.js +92 -14
  410. package/emotion/es/components/Accordion/Accordion.js +3 -3
  411. package/emotion/es/components/Accordion/index.js +1 -1
  412. package/emotion/es/components/Attach/Attach.config.js +258 -21
  413. package/emotion/es/components/Attach/Attach.js +2 -4
  414. package/emotion/es/components/Attach/index.js +1 -1
  415. package/emotion/es/components/Autocomplete/Autocomplete.config.js +238 -25
  416. package/emotion/es/components/Autocomplete/Autocomplete.js +2 -2
  417. package/emotion/es/components/Autocomplete/index.js +1 -1
  418. package/emotion/es/components/Avatar/Avatar.config.js +188 -26
  419. package/emotion/es/components/Avatar/Avatar.js +3 -3
  420. package/emotion/es/components/Avatar/index.js +1 -1
  421. package/emotion/es/components/AvatarGroup/AvatarGroup.js +2 -2
  422. package/emotion/es/components/AvatarGroup/index.js +1 -1
  423. package/emotion/es/components/Badge/Badge.config.js +136 -25
  424. package/emotion/es/components/Badge/Badge.js +2 -4
  425. package/emotion/es/components/Badge/index.js +1 -1
  426. package/emotion/es/components/Breadcrumbs/Breadcrumbs.config.js +51 -13
  427. package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +3 -5
  428. package/emotion/es/components/Breadcrumbs/index.js +1 -1
  429. package/emotion/es/components/Button/Button.config.js +165 -25
  430. package/emotion/es/components/Button/Button.js +89 -28
  431. package/emotion/es/components/Button/index.js +1 -1
  432. package/emotion/es/components/ButtonBase/index.js +1 -1
  433. package/emotion/es/components/ButtonGroup/ButtonGroup.config.js +219 -33
  434. package/emotion/es/components/ButtonGroup/ButtonGroup.js +2 -4
  435. package/emotion/es/components/ButtonGroup/index.js +1 -1
  436. package/emotion/es/components/Calendar/Calendar.js +12 -12
  437. package/emotion/es/components/Calendar/CalendarBase.config.js +119 -13
  438. package/emotion/es/components/Calendar/CalendarDouble.config.js +119 -13
  439. package/emotion/es/components/Calendar/index.js +1 -1
  440. package/emotion/es/components/Card/Card.config.js +72 -15
  441. package/emotion/es/components/Card/Card.js +4 -6
  442. package/emotion/es/components/Card/index.js +1 -1
  443. package/emotion/es/components/Carousel/Carousel.config.js +52 -0
  444. package/emotion/es/components/Carousel/Carousel.js +5 -0
  445. package/emotion/es/components/Carousel/index.js +2 -0
  446. package/emotion/es/components/Cell/Cell.config.js +101 -11
  447. package/emotion/es/components/Cell/Cell.js +3 -5
  448. package/emotion/es/components/Cell/index.js +1 -1
  449. package/emotion/es/components/Checkbox/Checkbox.config.js +95 -20
  450. package/emotion/es/components/Checkbox/Checkbox.js +3 -4
  451. package/emotion/es/components/Checkbox/index.js +1 -1
  452. package/emotion/es/components/Chip/Chip.config.js +153 -20
  453. package/emotion/es/components/Chip/Chip.js +3 -5
  454. package/emotion/es/components/Chip/index.js +1 -1
  455. package/emotion/es/components/ChipGroup/ChipGroup.config.js +118 -19
  456. package/emotion/es/components/ChipGroup/ChipGroup.js +2 -2
  457. package/emotion/es/components/ChipGroup/index.js +1 -1
  458. package/emotion/es/components/Combobox/Combobox.config.js +304 -25
  459. package/emotion/es/components/Combobox/Combobox.js +36 -9
  460. package/emotion/es/components/Combobox/index.js +1 -1
  461. package/emotion/es/components/Counter/Counter.config.js +86 -16
  462. package/emotion/es/components/Counter/Counter.js +2 -4
  463. package/emotion/es/components/Counter/index.js +1 -1
  464. package/emotion/es/components/DatePicker/DatePicker.config.js +255 -19
  465. package/emotion/es/components/DatePicker/DatePicker.js +4 -4
  466. package/emotion/es/components/DatePicker/index.js +1 -1
  467. package/emotion/es/components/Divider/Divider.config.js +100 -22
  468. package/emotion/es/components/Divider/Divider.js +2 -4
  469. package/emotion/es/components/Divider/index.js +1 -1
  470. package/emotion/es/components/Drawer/Drawer.config.js +70 -17
  471. package/emotion/es/components/Drawer/Drawer.js +8 -16
  472. package/emotion/es/components/Drawer/index.js +1 -1
  473. package/emotion/es/components/Dropdown/Dropdown.config.js +85 -13
  474. package/emotion/es/components/Dropdown/Dropdown.js +36 -9
  475. package/emotion/es/components/Dropdown/index.js +1 -1
  476. package/emotion/es/components/Dropzone/Dropzone.config.js +77 -16
  477. package/emotion/es/components/Dropzone/Dropzone.js +2 -2
  478. package/emotion/es/components/Dropzone/index.js +1 -1
  479. package/emotion/es/components/EmptyState/EmptyState.config.js +105 -13
  480. package/emotion/es/components/EmptyState/EmptyState.js +2 -2
  481. package/emotion/es/components/EmptyState/index.js +1 -1
  482. package/emotion/es/components/Flow/Flow.config.js +3 -3
  483. package/emotion/es/components/Flow/Flow.js +2 -2
  484. package/emotion/es/components/Flow/index.js +1 -1
  485. package/emotion/es/components/Grid/Grid.config.js +62 -14
  486. package/emotion/es/components/Grid/Grid.js +2 -2
  487. package/emotion/es/components/Grid/index.js +1 -1
  488. package/emotion/es/components/IconButton/IconButton.config.js +137 -23
  489. package/emotion/es/components/IconButton/IconButton.js +3 -5
  490. package/emotion/es/components/IconButton/index.js +1 -1
  491. package/emotion/es/components/Image/Image.js +3 -5
  492. package/emotion/es/components/Image/index.js +1 -1
  493. package/emotion/es/components/Indicator/Indicator.config.js +129 -21
  494. package/emotion/es/components/Indicator/Indicator.js +3 -3
  495. package/emotion/es/components/Indicator/index.js +1 -1
  496. package/emotion/es/components/Link/Link.config.js +205 -24
  497. package/emotion/es/components/Link/Link.js +3 -4
  498. package/emotion/es/components/Link/index.js +1 -1
  499. package/emotion/es/components/Mask/Mask.js +1 -1
  500. package/emotion/es/components/Mask/index.js +1 -1
  501. package/emotion/es/components/Modal/Modal.config.js +38 -10
  502. package/emotion/es/components/Modal/Modal.js +3 -5
  503. package/emotion/es/components/Modal/index.js +1 -1
  504. package/emotion/es/components/Notification/Notification.config.js +154 -21
  505. package/emotion/es/components/Notification/Notification.js +11 -15
  506. package/emotion/es/components/Notification/index.js +1 -1
  507. package/emotion/es/components/NumberFormat/NumberFormat.js +1 -9
  508. package/emotion/es/components/NumberFormat/index.js +1 -1
  509. package/emotion/es/components/NumberInput/NumberInput.config.js +145 -29
  510. package/emotion/es/components/NumberInput/NumberInput.js +2 -2
  511. package/emotion/es/components/NumberInput/index.js +1 -1
  512. package/emotion/es/components/Overlay/index.js +1 -1
  513. package/emotion/es/components/Pagination/Pagination.config.js +130 -21
  514. package/emotion/es/components/Pagination/Pagination.js +3 -5
  515. package/emotion/es/components/Pagination/index.js +1 -1
  516. package/emotion/es/components/Popover/Popover.config.js +34 -10
  517. package/emotion/es/components/Popover/Popover.js +2 -2
  518. package/emotion/es/components/Popover/index.js +1 -1
  519. package/emotion/es/components/Popup/Popup.js +2 -4
  520. package/emotion/es/components/Popup/index.js +1 -1
  521. package/emotion/es/components/Portal/index.js +1 -1
  522. package/emotion/es/components/Price/Price.config.js +7 -7
  523. package/emotion/es/components/Price/Price.js +3 -5
  524. package/emotion/es/components/Price/index.js +1 -1
  525. package/emotion/es/components/Progress/Progress.config.js +86 -16
  526. package/emotion/es/components/Progress/Progress.js +3 -3
  527. package/emotion/es/components/Progress/index.js +1 -1
  528. package/emotion/es/components/Radiobox/Radiobox.config.js +97 -26
  529. package/emotion/es/components/Radiobox/Radiobox.js +4 -5
  530. package/emotion/es/components/Radiobox/index.js +1 -1
  531. package/emotion/es/components/Range/Range.config.js +148 -19
  532. package/emotion/es/components/Range/Range.js +2 -4
  533. package/emotion/es/components/Range/index.js +1 -1
  534. package/emotion/es/components/Rating/Rating.config.js +108 -15
  535. package/emotion/es/components/Rating/Rating.js +2 -2
  536. package/emotion/es/components/Rating/index.js +1 -1
  537. package/emotion/es/components/SSRProvider/index.js +1 -1
  538. package/emotion/es/components/Segment/Segment.js +5 -10
  539. package/emotion/es/components/Segment/SegmentGroup.config.js +121 -29
  540. package/emotion/es/components/Segment/SegmentItem.config.js +115 -20
  541. package/emotion/es/components/Segment/index.js +1 -1
  542. package/emotion/es/components/Select/Select.config.js +295 -29
  543. package/emotion/es/components/Select/Select.js +36 -9
  544. package/emotion/es/components/Select/index.js +1 -1
  545. package/emotion/es/components/Sheet/Sheet.config.js +54 -13
  546. package/emotion/es/components/Sheet/Sheet.js +3 -5
  547. package/emotion/es/components/Sheet/index.js +1 -1
  548. package/emotion/es/components/Skeleton/LineSkeleton.config.js +221 -26
  549. package/emotion/es/components/Skeleton/Skeleton.js +4 -4
  550. package/emotion/es/components/Skeleton/index.js +1 -1
  551. package/emotion/es/components/Slider/Slider.config.js +138 -17
  552. package/emotion/es/components/Slider/Slider.js +3 -5
  553. package/emotion/es/components/Slider/index.js +1 -1
  554. package/emotion/es/components/Spinner/Spinner.config.js +98 -18
  555. package/emotion/es/components/Spinner/Spinner.js +8 -6
  556. package/emotion/es/components/Spinner/index.js +1 -1
  557. package/emotion/es/components/Steps/Steps.config.js +96 -13
  558. package/emotion/es/components/Steps/Steps.js +3 -3
  559. package/emotion/es/components/Steps/index.js +1 -1
  560. package/emotion/es/components/Switch/Switch.config.js +140 -26
  561. package/emotion/es/components/Switch/Switch.js +3 -3
  562. package/emotion/es/components/Switch/index.js +1 -1
  563. package/emotion/es/components/Table/Table.config.js +248 -16
  564. package/emotion/es/components/Table/Table.js +3 -5
  565. package/emotion/es/components/Table/index.js +1 -1
  566. package/emotion/es/components/Tabs/TabItem.js +10 -11
  567. package/emotion/es/components/Tabs/Tabs.js +10 -11
  568. package/emotion/es/components/Tabs/TabsController.js +5 -7
  569. package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +221 -25
  570. package/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +257 -32
  571. package/emotion/es/components/Tabs/index.js +1 -1
  572. package/emotion/es/components/Tabs/vertical/VerticalTabItem.config.js +116 -19
  573. package/emotion/es/components/Tabs/vertical/VerticalTabs.config.js +89 -19
  574. package/emotion/es/components/TextArea/TextArea.config.js +358 -37
  575. package/emotion/es/components/TextArea/TextArea.js +3 -5
  576. package/emotion/es/components/TextArea/index.js +1 -1
  577. package/emotion/es/components/TextField/TextField.config.js +329 -35
  578. package/emotion/es/components/TextField/TextField.js +2 -4
  579. package/emotion/es/components/TextField/index.js +1 -1
  580. package/emotion/es/components/Toast/Toast.config.js +118 -30
  581. package/emotion/es/components/Toast/Toast.js +4 -4
  582. package/emotion/es/components/Toast/index.js +1 -1
  583. package/emotion/es/components/ToastNew/ToastNew.config.js +71 -16
  584. package/emotion/es/components/ToastNew/ToastNew.js +3 -3
  585. package/emotion/es/components/ToastNew/index.js +1 -1
  586. package/emotion/es/components/Tokens/Colors/Colors.styles.js +90 -19
  587. package/emotion/es/components/Tokens/NumberTokens/NumberTokens.styles.js +37 -8
  588. package/emotion/es/components/Tokens/Typography/Typography.styles.js +135 -36
  589. package/emotion/es/components/Toolbar/Toolbar.config.js +48 -13
  590. package/emotion/es/components/Toolbar/Toolbar.js +4 -6
  591. package/emotion/es/components/Toolbar/index.js +1 -1
  592. package/emotion/es/components/Tooltip/Tooltip.config.js +62 -14
  593. package/emotion/es/components/Tooltip/Tooltip.js +2 -2
  594. package/emotion/es/components/Tooltip/index.js +1 -1
  595. package/emotion/es/components/Tree/Tree.config.js +74 -13
  596. package/emotion/es/components/Tree/Tree.js +2 -2
  597. package/emotion/es/components/Tree/index.js +1 -1
  598. package/emotion/es/components/Typography/Body.config.js +131 -38
  599. package/emotion/es/components/Typography/Dspl.config.js +83 -24
  600. package/emotion/es/components/Typography/Heading.config.js +131 -38
  601. package/emotion/es/components/Typography/Text.config.js +107 -31
  602. package/emotion/es/components/Typography/Typography.js +35 -35
  603. package/emotion/es/components/Typography/index.js +1 -1
  604. package/emotion/es/components/ViewContainer/ViewContainer.config.js +36 -8
  605. package/emotion/es/components/ViewContainer/ViewContainer.js +2 -2
  606. package/emotion/es/components/ViewContainer/index.js +1 -1
  607. package/emotion/es/index.js +2 -1
  608. package/emotion/es/mixins/index.js +1 -1
  609. package/emotion/es/tokens/index.js +1 -1
  610. package/es/components/Accordion/Accordion.config.js +92 -14
  611. package/es/components/Accordion/Accordion.js +3 -3
  612. package/es/components/Accordion/index.js +1 -1
  613. package/es/components/Attach/Attach.config.js +258 -21
  614. package/es/components/Attach/Attach.js +2 -4
  615. package/es/components/Attach/index.js +1 -1
  616. package/es/components/Autocomplete/Autocomplete.config.js +238 -25
  617. package/es/components/Autocomplete/Autocomplete.js +2 -2
  618. package/es/components/Autocomplete/index.js +1 -1
  619. package/es/components/Avatar/Avatar.config.js +188 -26
  620. package/es/components/Avatar/Avatar.js +3 -3
  621. package/es/components/Avatar/index.js +1 -1
  622. package/es/components/AvatarGroup/AvatarGroup.js +2 -2
  623. package/es/components/AvatarGroup/index.js +1 -1
  624. package/es/components/Badge/Badge.config.js +136 -25
  625. package/es/components/Badge/Badge.js +2 -4
  626. package/es/components/Badge/index.js +1 -1
  627. package/es/components/Breadcrumbs/Breadcrumbs.config.js +51 -13
  628. package/es/components/Breadcrumbs/Breadcrumbs.js +3 -5
  629. package/es/components/Breadcrumbs/index.js +1 -1
  630. package/es/components/Button/Button.config.js +165 -25
  631. package/es/components/Button/Button.js +89 -28
  632. package/es/components/Button/index.js +1 -1
  633. package/es/components/ButtonBase/index.js +1 -1
  634. package/es/components/ButtonGroup/ButtonGroup.config.js +219 -33
  635. package/es/components/ButtonGroup/ButtonGroup.js +2 -4
  636. package/es/components/ButtonGroup/index.js +1 -1
  637. package/es/components/Calendar/Calendar.js +12 -12
  638. package/es/components/Calendar/CalendarBase.config.js +119 -13
  639. package/es/components/Calendar/CalendarDouble.config.js +119 -13
  640. package/es/components/Calendar/index.js +1 -1
  641. package/es/components/Card/Card.config.js +72 -15
  642. package/es/components/Card/Card.js +4 -6
  643. package/es/components/Card/index.js +1 -1
  644. package/es/components/Carousel/Carousel.config.js +52 -0
  645. package/es/components/Carousel/Carousel.js +5 -0
  646. package/es/components/Carousel/index.js +2 -0
  647. package/es/components/Cell/Cell.config.js +101 -11
  648. package/es/components/Cell/Cell.js +3 -5
  649. package/es/components/Cell/index.js +1 -1
  650. package/es/components/Checkbox/Checkbox.config.js +95 -20
  651. package/es/components/Checkbox/Checkbox.js +3 -4
  652. package/es/components/Checkbox/index.js +1 -1
  653. package/es/components/Chip/Chip.config.js +153 -20
  654. package/es/components/Chip/Chip.js +3 -5
  655. package/es/components/Chip/index.js +1 -1
  656. package/es/components/ChipGroup/ChipGroup.config.js +118 -19
  657. package/es/components/ChipGroup/ChipGroup.js +2 -2
  658. package/es/components/ChipGroup/index.js +1 -1
  659. package/es/components/Combobox/Combobox.config.js +304 -25
  660. package/es/components/Combobox/Combobox.js +36 -9
  661. package/es/components/Combobox/index.js +1 -1
  662. package/es/components/Counter/Counter.config.js +86 -16
  663. package/es/components/Counter/Counter.js +2 -4
  664. package/es/components/Counter/index.js +1 -1
  665. package/es/components/DatePicker/DatePicker.config.js +255 -19
  666. package/es/components/DatePicker/DatePicker.js +4 -4
  667. package/es/components/DatePicker/index.js +1 -1
  668. package/es/components/Divider/Divider.config.js +100 -22
  669. package/es/components/Divider/Divider.js +2 -4
  670. package/es/components/Divider/index.js +1 -1
  671. package/es/components/Drawer/Drawer.config.js +70 -17
  672. package/es/components/Drawer/Drawer.js +8 -16
  673. package/es/components/Drawer/index.js +1 -1
  674. package/es/components/Dropdown/Dropdown.config.js +85 -13
  675. package/es/components/Dropdown/Dropdown.js +36 -9
  676. package/es/components/Dropdown/index.js +1 -1
  677. package/es/components/Dropzone/Dropzone.config.js +77 -16
  678. package/es/components/Dropzone/Dropzone.js +2 -2
  679. package/es/components/Dropzone/index.js +1 -1
  680. package/es/components/EmptyState/EmptyState.config.js +105 -13
  681. package/es/components/EmptyState/EmptyState.js +2 -2
  682. package/es/components/EmptyState/index.js +1 -1
  683. package/es/components/Flow/Flow.config.js +3 -3
  684. package/es/components/Flow/Flow.js +2 -2
  685. package/es/components/Flow/index.js +1 -1
  686. package/es/components/Grid/Grid.config.js +62 -14
  687. package/es/components/Grid/Grid.js +2 -2
  688. package/es/components/Grid/index.js +1 -1
  689. package/es/components/IconButton/IconButton.config.js +137 -23
  690. package/es/components/IconButton/IconButton.js +3 -5
  691. package/es/components/IconButton/index.js +1 -1
  692. package/es/components/Image/Image.js +3 -5
  693. package/es/components/Image/index.js +1 -1
  694. package/es/components/Indicator/Indicator.config.js +129 -21
  695. package/es/components/Indicator/Indicator.js +3 -3
  696. package/es/components/Indicator/index.js +1 -1
  697. package/es/components/Link/Link.config.js +205 -24
  698. package/es/components/Link/Link.js +3 -4
  699. package/es/components/Link/index.js +1 -1
  700. package/es/components/Mask/Mask.js +1 -1
  701. package/es/components/Mask/index.js +1 -1
  702. package/es/components/Modal/Modal.config.js +38 -10
  703. package/es/components/Modal/Modal.js +3 -5
  704. package/es/components/Modal/index.js +1 -1
  705. package/es/components/Notification/Notification.config.js +154 -21
  706. package/es/components/Notification/Notification.js +11 -15
  707. package/es/components/Notification/index.js +1 -1
  708. package/es/components/NumberFormat/NumberFormat.js +1 -9
  709. package/es/components/NumberFormat/index.js +1 -1
  710. package/es/components/NumberInput/NumberInput.config.js +145 -29
  711. package/es/components/NumberInput/NumberInput.js +2 -2
  712. package/es/components/NumberInput/index.js +1 -1
  713. package/es/components/Overlay/index.js +1 -1
  714. package/es/components/Pagination/Pagination.config.js +130 -21
  715. package/es/components/Pagination/Pagination.js +3 -5
  716. package/es/components/Pagination/index.js +1 -1
  717. package/es/components/Popover/Popover.config.js +34 -10
  718. package/es/components/Popover/Popover.js +2 -2
  719. package/es/components/Popover/index.js +1 -1
  720. package/es/components/Popup/Popup.js +2 -4
  721. package/es/components/Popup/index.js +1 -1
  722. package/es/components/Portal/index.js +1 -1
  723. package/es/components/Price/Price.config.js +7 -7
  724. package/es/components/Price/Price.js +3 -5
  725. package/es/components/Price/index.js +1 -1
  726. package/es/components/Progress/Progress.config.js +86 -16
  727. package/es/components/Progress/Progress.js +3 -3
  728. package/es/components/Progress/index.js +1 -1
  729. package/es/components/Radiobox/Radiobox.config.js +97 -26
  730. package/es/components/Radiobox/Radiobox.js +4 -5
  731. package/es/components/Radiobox/index.js +1 -1
  732. package/es/components/Range/Range.config.js +148 -19
  733. package/es/components/Range/Range.js +2 -4
  734. package/es/components/Range/index.js +1 -1
  735. package/es/components/Rating/Rating.config.js +108 -15
  736. package/es/components/Rating/Rating.js +2 -2
  737. package/es/components/Rating/index.js +1 -1
  738. package/es/components/SSRProvider/index.js +1 -1
  739. package/es/components/Segment/Segment.js +5 -10
  740. package/es/components/Segment/SegmentGroup.config.js +121 -29
  741. package/es/components/Segment/SegmentItem.config.js +115 -20
  742. package/es/components/Segment/index.js +1 -1
  743. package/es/components/Select/Select.config.js +295 -29
  744. package/es/components/Select/Select.js +36 -9
  745. package/es/components/Select/index.js +1 -1
  746. package/es/components/Sheet/Sheet.config.js +54 -13
  747. package/es/components/Sheet/Sheet.js +3 -5
  748. package/es/components/Sheet/index.js +1 -1
  749. package/es/components/Skeleton/LineSkeleton.config.js +221 -26
  750. package/es/components/Skeleton/Skeleton.js +4 -4
  751. package/es/components/Skeleton/index.js +1 -1
  752. package/es/components/Slider/Slider.config.js +138 -17
  753. package/es/components/Slider/Slider.js +3 -5
  754. package/es/components/Slider/index.js +1 -1
  755. package/es/components/Spinner/Spinner.config.js +98 -18
  756. package/es/components/Spinner/Spinner.js +8 -6
  757. package/es/components/Spinner/index.js +1 -1
  758. package/es/components/Steps/Steps.config.js +96 -13
  759. package/es/components/Steps/Steps.js +3 -3
  760. package/es/components/Steps/index.js +1 -1
  761. package/es/components/Switch/Switch.config.js +140 -26
  762. package/es/components/Switch/Switch.js +3 -3
  763. package/es/components/Switch/index.js +1 -1
  764. package/es/components/Table/Table.config.js +248 -16
  765. package/es/components/Table/Table.js +3 -5
  766. package/es/components/Table/index.js +1 -1
  767. package/es/components/Tabs/TabItem.js +10 -11
  768. package/es/components/Tabs/Tabs.js +10 -11
  769. package/es/components/Tabs/TabsController.js +5 -7
  770. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +221 -25
  771. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +257 -32
  772. package/es/components/Tabs/index.js +1 -1
  773. package/es/components/Tabs/vertical/VerticalTabItem.config.js +116 -19
  774. package/es/components/Tabs/vertical/VerticalTabs.config.js +89 -19
  775. package/es/components/TextArea/TextArea.config.js +358 -37
  776. package/es/components/TextArea/TextArea.js +3 -5
  777. package/es/components/TextArea/index.js +1 -1
  778. package/es/components/TextField/TextField.config.js +329 -35
  779. package/es/components/TextField/TextField.js +2 -4
  780. package/es/components/TextField/index.js +1 -1
  781. package/es/components/Toast/Toast.config.js +118 -30
  782. package/es/components/Toast/Toast.js +4 -4
  783. package/es/components/Toast/index.js +1 -1
  784. package/es/components/ToastNew/ToastNew.config.js +71 -16
  785. package/es/components/ToastNew/ToastNew.js +3 -3
  786. package/es/components/ToastNew/index.js +1 -1
  787. package/es/components/Tokens/Colors/Colors.styles.js +90 -43
  788. package/es/components/Tokens/NumberTokens/NumberTokens.styles.js +37 -18
  789. package/es/components/Tokens/Typography/Typography.styles.js +135 -68
  790. package/es/components/Toolbar/Toolbar.config.js +48 -13
  791. package/es/components/Toolbar/Toolbar.js +4 -6
  792. package/es/components/Toolbar/index.js +1 -1
  793. package/es/components/Tooltip/Tooltip.config.js +62 -14
  794. package/es/components/Tooltip/Tooltip.js +2 -2
  795. package/es/components/Tooltip/index.js +1 -1
  796. package/es/components/Tree/Tree.config.js +74 -13
  797. package/es/components/Tree/Tree.js +2 -2
  798. package/es/components/Tree/index.js +1 -1
  799. package/es/components/Typography/Body.config.js +131 -38
  800. package/es/components/Typography/Dspl.config.js +83 -24
  801. package/es/components/Typography/Heading.config.js +131 -38
  802. package/es/components/Typography/Text.config.js +107 -31
  803. package/es/components/Typography/Typography.js +35 -35
  804. package/es/components/Typography/index.js +1 -1
  805. package/es/components/ViewContainer/ViewContainer.config.js +36 -8
  806. package/es/components/ViewContainer/ViewContainer.js +2 -2
  807. package/es/components/ViewContainer/index.js +1 -1
  808. package/es/index.js +2 -1
  809. package/es/mixins/index.js +1 -1
  810. package/es/tokens/index.js +1 -1
  811. package/index.d.ts +1 -0
  812. package/index.js +82 -729
  813. package/mixins/index.js +61 -20
  814. package/package.json +12 -12
  815. package/tokens/index.js +126 -255
  816. package/components/Image/Image.component-test.js +0 -92
  817. package/components/Pagination/Pagination.component-test.js +0 -298
  818. package/components/Slider/Slider.component-test.js +0 -223
  819. package/emotion/cjs/components/Accordion/Accordion.stories.tsx +0 -159
  820. package/emotion/cjs/components/Attach/Attach.stories.tsx +0 -157
  821. package/emotion/cjs/components/Autocomplete/Autocomplete.stories.tsx +0 -170
  822. package/emotion/cjs/components/Avatar/Avatar.stories.tsx +0 -74
  823. package/emotion/cjs/components/AvatarGroup/AvatarGroup.stories.tsx +0 -71
  824. package/emotion/cjs/components/Badge/Badge.stories.tsx +0 -87
  825. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -82
  826. package/emotion/cjs/components/Button/Button.stories.tsx +0 -212
  827. package/emotion/cjs/components/ButtonGroup/ButtonGroup.stories.tsx +0 -109
  828. package/emotion/cjs/components/Calendar/Calendar.stories.tsx +0 -304
  829. package/emotion/cjs/components/Card/Card.stories.tsx +0 -281
  830. package/emotion/cjs/components/Cell/Cell.stories.tsx +0 -97
  831. package/emotion/cjs/components/Checkbox/Checkbox.stories.tsx +0 -232
  832. package/emotion/cjs/components/Chip/Chip.stories.tsx +0 -93
  833. package/emotion/cjs/components/ChipGroup/ChipGroup.stories.tsx +0 -79
  834. package/emotion/cjs/components/Combobox/Combobox.stories.tsx +0 -604
  835. package/emotion/cjs/components/Counter/Counter.stories.tsx +0 -34
  836. package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx +0 -309
  837. package/emotion/cjs/components/Divider/Divider.stories.tsx +0 -58
  838. package/emotion/cjs/components/Drawer/Drawer.stories.tsx +0 -217
  839. package/emotion/cjs/components/Dropdown/Dropdown.stories.tsx +0 -331
  840. package/emotion/cjs/components/Dropzone/Dropzone.stories.tsx +0 -58
  841. package/emotion/cjs/components/EmptyState/EmptyState.stories.tsx +0 -43
  842. package/emotion/cjs/components/Flow/Flow.stories.tsx +0 -133
  843. package/emotion/cjs/components/Grid/Grid.stories.tsx +0 -119
  844. package/emotion/cjs/components/IconButton/IconButton.stories.tsx +0 -94
  845. package/emotion/cjs/components/Image/Image.component-test.js +0 -91
  846. package/emotion/cjs/components/Image/Image.stories.tsx +0 -44
  847. package/emotion/cjs/components/Indicator/Indicator.stories.tsx +0 -34
  848. package/emotion/cjs/components/Link/Link.stories.tsx +0 -57
  849. package/emotion/cjs/components/Mask/Mask.stories.tsx +0 -176
  850. package/emotion/cjs/components/Modal/Modal.stories.tsx +0 -426
  851. package/emotion/cjs/components/Notification/Notification.stories.tsx +0 -221
  852. package/emotion/cjs/components/NumberFormat/NumberFormat.stories.tsx +0 -186
  853. package/emotion/cjs/components/NumberInput/NumberInput.stories.tsx +0 -81
  854. package/emotion/cjs/components/Overlay/Overlay.stories.tsx +0 -76
  855. package/emotion/cjs/components/Pagination/Pagination.component-test.js +0 -298
  856. package/emotion/cjs/components/Pagination/Pagination.stories.tsx +0 -139
  857. package/emotion/cjs/components/Popover/Popover.stories.tsx +0 -127
  858. package/emotion/cjs/components/Popover/style.css +0 -4
  859. package/emotion/cjs/components/Popup/Popup.stories.tsx +0 -171
  860. package/emotion/cjs/components/Portal/Portal.stories.tsx +0 -57
  861. package/emotion/cjs/components/Price/Price.stories.tsx +0 -34
  862. package/emotion/cjs/components/Progress/Progress.stories.tsx +0 -32
  863. package/emotion/cjs/components/Radiobox/Radiobox.stories.tsx +0 -139
  864. package/emotion/cjs/components/Range/Range.stories.tsx +0 -343
  865. package/emotion/cjs/components/Rating/Rating.stories.tsx +0 -125
  866. package/emotion/cjs/components/Segment/Segment.stories.tsx +0 -162
  867. package/emotion/cjs/components/Select/Select.stories.tsx +0 -642
  868. package/emotion/cjs/components/Select/style.css +0 -37
  869. package/emotion/cjs/components/Sheet/Sheet.stories.tsx +0 -361
  870. package/emotion/cjs/components/Skeleton/Skeleton.stories.tsx +0 -116
  871. package/emotion/cjs/components/Slider/Slider.component-test.js +0 -223
  872. package/emotion/cjs/components/Slider/Slider.stories.tsx +0 -277
  873. package/emotion/cjs/components/Spinner/Spinner.stories.tsx +0 -109
  874. package/emotion/cjs/components/Steps/Steps.stories.tsx +0 -191
  875. package/emotion/cjs/components/Switch/Switch.stories.tsx +0 -100
  876. package/emotion/cjs/components/Table/Table.stories.tsx +0 -551
  877. package/emotion/cjs/components/Tabs/Tabs.stories.tsx +0 -639
  878. package/emotion/cjs/components/TextArea/TextArea.stories.tsx +0 -228
  879. package/emotion/cjs/components/TextField/TextField.stories.tsx +0 -260
  880. package/emotion/cjs/components/Toast/Toast.stories.tsx +0 -156
  881. package/emotion/cjs/components/ToastNew/ToastNew.stories.tsx +0 -87
  882. package/emotion/cjs/components/Tokens/Colors/Colors.stories.tsx +0 -196
  883. package/emotion/cjs/components/Tokens/NumberTokens/CornerRadius.stories.tsx +0 -93
  884. package/emotion/cjs/components/Tokens/NumberTokens/Spacing.stories.tsx +0 -93
  885. package/emotion/cjs/components/Tokens/Typography/Typography.stories.tsx +0 -277
  886. package/emotion/cjs/components/Toolbar/Toolbar.stories.tsx +0 -64
  887. package/emotion/cjs/components/Tooltip/Tooltip.stories.tsx +0 -152
  888. package/emotion/cjs/components/Tree/Tree.stories.tsx +0 -146
  889. package/emotion/cjs/components/Typography/Typography.stories.tsx +0 -243
  890. package/emotion/es/components/Accordion/Accordion.stories.tsx +0 -159
  891. package/emotion/es/components/Attach/Attach.stories.tsx +0 -157
  892. package/emotion/es/components/Autocomplete/Autocomplete.stories.tsx +0 -170
  893. package/emotion/es/components/Avatar/Avatar.stories.tsx +0 -74
  894. package/emotion/es/components/AvatarGroup/AvatarGroup.stories.tsx +0 -71
  895. package/emotion/es/components/Badge/Badge.stories.tsx +0 -87
  896. package/emotion/es/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -82
  897. package/emotion/es/components/Button/Button.stories.tsx +0 -212
  898. package/emotion/es/components/ButtonGroup/ButtonGroup.stories.tsx +0 -109
  899. package/emotion/es/components/Calendar/Calendar.stories.tsx +0 -304
  900. package/emotion/es/components/Card/Card.stories.tsx +0 -281
  901. package/emotion/es/components/Cell/Cell.stories.tsx +0 -97
  902. package/emotion/es/components/Checkbox/Checkbox.stories.tsx +0 -232
  903. package/emotion/es/components/Chip/Chip.stories.tsx +0 -93
  904. package/emotion/es/components/ChipGroup/ChipGroup.stories.tsx +0 -79
  905. package/emotion/es/components/Combobox/Combobox.stories.tsx +0 -604
  906. package/emotion/es/components/Counter/Counter.stories.tsx +0 -34
  907. package/emotion/es/components/DatePicker/DatePicker.stories.tsx +0 -309
  908. package/emotion/es/components/Divider/Divider.stories.tsx +0 -58
  909. package/emotion/es/components/Drawer/Drawer.stories.tsx +0 -217
  910. package/emotion/es/components/Dropdown/Dropdown.stories.tsx +0 -331
  911. package/emotion/es/components/Dropzone/Dropzone.stories.tsx +0 -58
  912. package/emotion/es/components/EmptyState/EmptyState.stories.tsx +0 -43
  913. package/emotion/es/components/Flow/Flow.stories.tsx +0 -133
  914. package/emotion/es/components/Grid/Grid.stories.tsx +0 -119
  915. package/emotion/es/components/IconButton/IconButton.stories.tsx +0 -94
  916. package/emotion/es/components/Image/Image.component-test.js +0 -85
  917. package/emotion/es/components/Image/Image.stories.tsx +0 -44
  918. package/emotion/es/components/Indicator/Indicator.stories.tsx +0 -34
  919. package/emotion/es/components/Link/Link.stories.tsx +0 -57
  920. package/emotion/es/components/Mask/Mask.stories.tsx +0 -176
  921. package/emotion/es/components/Modal/Modal.stories.tsx +0 -426
  922. package/emotion/es/components/Notification/Notification.stories.tsx +0 -221
  923. package/emotion/es/components/NumberFormat/NumberFormat.stories.tsx +0 -186
  924. package/emotion/es/components/NumberInput/NumberInput.stories.tsx +0 -81
  925. package/emotion/es/components/Overlay/Overlay.stories.tsx +0 -76
  926. package/emotion/es/components/Pagination/Pagination.component-test.js +0 -293
  927. package/emotion/es/components/Pagination/Pagination.stories.tsx +0 -139
  928. package/emotion/es/components/Popover/Popover.stories.tsx +0 -127
  929. package/emotion/es/components/Popover/style.css +0 -4
  930. package/emotion/es/components/Popup/Popup.stories.tsx +0 -171
  931. package/emotion/es/components/Portal/Portal.stories.tsx +0 -57
  932. package/emotion/es/components/Price/Price.stories.tsx +0 -34
  933. package/emotion/es/components/Progress/Progress.stories.tsx +0 -32
  934. package/emotion/es/components/Radiobox/Radiobox.stories.tsx +0 -139
  935. package/emotion/es/components/Range/Range.stories.tsx +0 -343
  936. package/emotion/es/components/Rating/Rating.stories.tsx +0 -125
  937. package/emotion/es/components/Segment/Segment.stories.tsx +0 -162
  938. package/emotion/es/components/Select/Select.stories.tsx +0 -642
  939. package/emotion/es/components/Select/style.css +0 -37
  940. package/emotion/es/components/Sheet/Sheet.stories.tsx +0 -361
  941. package/emotion/es/components/Skeleton/Skeleton.stories.tsx +0 -116
  942. package/emotion/es/components/Slider/Slider.component-test.js +0 -220
  943. package/emotion/es/components/Slider/Slider.stories.tsx +0 -277
  944. package/emotion/es/components/Spinner/Spinner.stories.tsx +0 -109
  945. package/emotion/es/components/Steps/Steps.stories.tsx +0 -191
  946. package/emotion/es/components/Switch/Switch.stories.tsx +0 -100
  947. package/emotion/es/components/Table/Table.stories.tsx +0 -551
  948. package/emotion/es/components/Tabs/Tabs.stories.tsx +0 -639
  949. package/emotion/es/components/TextArea/TextArea.stories.tsx +0 -228
  950. package/emotion/es/components/TextField/TextField.stories.tsx +0 -260
  951. package/emotion/es/components/Toast/Toast.stories.tsx +0 -156
  952. package/emotion/es/components/ToastNew/ToastNew.stories.tsx +0 -87
  953. package/emotion/es/components/Tokens/Colors/Colors.stories.tsx +0 -196
  954. package/emotion/es/components/Tokens/NumberTokens/CornerRadius.stories.tsx +0 -93
  955. package/emotion/es/components/Tokens/NumberTokens/Spacing.stories.tsx +0 -93
  956. package/emotion/es/components/Tokens/Typography/Typography.stories.tsx +0 -277
  957. package/emotion/es/components/Toolbar/Toolbar.stories.tsx +0 -64
  958. package/emotion/es/components/Tooltip/Tooltip.stories.tsx +0 -152
  959. package/emotion/es/components/Tree/Tree.stories.tsx +0 -146
  960. package/emotion/es/components/Typography/Typography.stories.tsx +0 -243
  961. package/es/components/Image/Image.component-test.js +0 -86
  962. package/es/components/Pagination/Pagination.component-test.js +0 -293
  963. package/es/components/Slider/Slider.component-test.js +0 -220
  964. /package/emotion/{cjs/helpers/index.ts → es/helpers/index.js} +0 -0
  965. /package/{emotion/es/helpers/index.ts → es/helpers/index.js} +0 -0
@@ -1,309 +0,0 @@
1
- import React, { ComponentProps, useRef, useState } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import { action } from '@storybook/addon-actions';
4
- import { disableProps, IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
5
- import { IconPlasma, IconCalendarOutline } from '@salutejs/plasma-icons';
6
-
7
- import { IconButton } from '../IconButton/IconButton';
8
-
9
- import { DatePicker, DatePickerRange } from './DatePicker';
10
-
11
- const onChangeValue = action('onChangeValue');
12
- const onCommitDate = action('onCommitDate');
13
- const onBlur = action('onBlur');
14
- const onFocus = action('onFocus');
15
-
16
- const onChangeFirstValue = action('onChangeFirstValue');
17
- const onChangeSecondValue = action('onChangeSecondValue');
18
-
19
- const views = ['default'];
20
- const dividers = ['none', 'dash', 'icon'];
21
- const labelPlacements = ['outer', 'inner'];
22
- const requiredPlacements = ['left', 'right'];
23
-
24
- const meta: Meta = {
25
- title: 'Data Entry/DatePicker',
26
- decorators: [InSpacingDecorator],
27
- argTypes: {
28
- view: {
29
- options: views,
30
- control: {
31
- type: 'inline-radio',
32
- },
33
- },
34
- min: {
35
- control: {
36
- type: 'date',
37
- },
38
- },
39
- max: {
40
- control: {
41
- type: 'date',
42
- },
43
- },
44
- renderFromDate: {
45
- control: {
46
- type: 'date',
47
- },
48
- },
49
- lang: {
50
- options: ['ru', 'en'],
51
- control: {
52
- type: 'inline-radio',
53
- },
54
- },
55
- format: {
56
- options: ['DD.MM.YYYY', 'DD MMMM YYYY'],
57
- control: {
58
- type: 'select',
59
- },
60
- },
61
- requiredPlacement: {
62
- options: requiredPlacements,
63
- control: {
64
- type: 'select',
65
- },
66
- if: { arg: 'required', truthy: true },
67
- },
68
- hasRequiredIndicator: {
69
- control: {
70
- type: 'boolean',
71
- },
72
- if: {
73
- arg: 'required',
74
- truthy: true,
75
- },
76
- },
77
- ...disableProps(['view', 'size']),
78
- },
79
- };
80
-
81
- export default meta;
82
-
83
- type StoryPropsDefault = ComponentProps<typeof DatePicker> & {
84
- enableContentLeft: boolean;
85
- enableContentRight: boolean;
86
- };
87
-
88
- const StoryDefault = ({
89
- enableContentLeft,
90
- enableContentRight,
91
- valueError,
92
- valueSuccess,
93
- size,
94
- ...rest
95
- }: StoryPropsDefault) => {
96
- const [isOpen, setIsOpen] = useState(false);
97
-
98
- const iconSize = 's';
99
-
100
- return (
101
- <DatePicker
102
- opened={isOpen}
103
- size={size}
104
- valueError={valueError}
105
- valueSuccess={valueSuccess}
106
- contentLeft={enableContentLeft ? <IconPlasma size={iconSize} /> : undefined}
107
- contentRight={enableContentRight ? <IconCalendarOutline size={iconSize} /> : undefined}
108
- onBlur={onBlur}
109
- onFocus={onFocus}
110
- onToggle={(is) => {
111
- setIsOpen(is);
112
- onToggle(is);
113
- }}
114
- onChangeValue={onChangeValue}
115
- onCommitDate={onCommitDate}
116
- {...rest}
117
- />
118
- );
119
- };
120
-
121
- export const Default: StoryObj<StoryPropsDefault> = {
122
- argTypes: {
123
- defaultDate: {
124
- control: {
125
- type: 'date',
126
- },
127
- },
128
- labelPlacement: {
129
- options: labelPlacements,
130
- control: {
131
- type: 'inline-radio',
132
- },
133
- },
134
- },
135
- args: {
136
- label: 'Лейбл',
137
- leftHelper: 'Подсказка к полю',
138
- placeholder: '30.05.2024',
139
- size: 's',
140
- view: 'default',
141
- lang: 'ru',
142
- format: 'DD.MM.YYYY',
143
- labelPlacement: 'outer',
144
- defaultDate: new Date(2024, 5, 14),
145
- renderFromDate: new Date(2024, 4, 14),
146
- includeEdgeDates: true,
147
- min: new Date(2024, 1, 1),
148
- max: new Date(2024, 12, 29),
149
- closeAfterDateSelect: true,
150
- maskWithFormat: false,
151
- required: false,
152
- requiredPlacement: 'right',
153
- hasRequiredIndicator: true,
154
- disabled: false,
155
- readOnly: false,
156
- textBefore: '',
157
- enableContentLeft: false,
158
- enableContentRight: true,
159
- valueError: false,
160
- valueSuccess: false,
161
- calendarContainerWidth: 0,
162
- calendarContainerHeight: 0,
163
- stretched: false,
164
- },
165
- render: (args) => <StoryDefault {...args} />,
166
- };
167
-
168
- type StoryPropsRange = ComponentProps<typeof DatePickerRange> & {
169
- enableContentLeft: boolean;
170
- enableContentRight: boolean;
171
- enableFirstTextfieldContentLeft: boolean;
172
- enableSecondTextfieldContentLeft: boolean;
173
- enableFirstTextfieldContentRight: boolean;
174
- enableSecondTextfieldContentRight: boolean;
175
- };
176
-
177
- const ActionButton = ({ size }) => {
178
- const iconSize = size === 'xs' ? 'xs' : 's';
179
- return (
180
- <IconButton view="clear" size={size}>
181
- <IconPlasma size={iconSize} color="var(--text-primary)" />
182
- </IconButton>
183
- );
184
- };
185
-
186
- const StoryRange = ({
187
- dividerVariant,
188
- enableContentLeft,
189
- enableContentRight,
190
- firstTextfieldTextBefore,
191
- secondTextfieldTextBefore,
192
- enableFirstTextfieldContentLeft,
193
- enableSecondTextfieldContentLeft,
194
- enableFirstTextfieldContentRight,
195
- enableSecondTextfieldContentRight,
196
- firstValueError,
197
- firstValueSuccess,
198
- secondValueError,
199
- secondValueSuccess,
200
- size,
201
- ...rest
202
- }: StoryPropsRange) => {
203
- const rangeRef = useRef(null);
204
-
205
- const [isOpen, setIsOpen] = useState(false);
206
-
207
- const iconSize = 's';
208
- const showDividerIcon = dividerVariant === 'icon';
209
- const showDefaultTextBefore = dividerVariant === 'none';
210
-
211
- const dividerIconProps = {
212
- dividerIcon: showDividerIcon ? <IconPlaceholder size={iconSize} /> : null,
213
- dividerVariant,
214
- };
215
-
216
- return (
217
- <DatePickerRange
218
- size={size}
219
- ref={rangeRef}
220
- opened={isOpen}
221
- firstValueError={firstValueError}
222
- firstValueSuccess={firstValueSuccess}
223
- secondValueError={secondValueError}
224
- secondValueSuccess={secondValueSuccess}
225
- contentLeft={enableContentLeft ? <IconPlasma size={iconSize} /> : undefined}
226
- contentRight={enableContentRight ? <ActionButton size={size} /> : undefined}
227
- firstTextfieldContentLeft={enableFirstTextfieldContentLeft ? <IconPlasma size={iconSize} /> : undefined}
228
- firstTextfieldContentRight={
229
- enableFirstTextfieldContentRight ? (
230
- <IconCalendarOutline color="var(--text-accent)" size={iconSize} />
231
- ) : undefined
232
- }
233
- secondTextfieldContentLeft={enableSecondTextfieldContentLeft ? <IconPlasma size={iconSize} /> : undefined}
234
- secondTextfieldContentRight={
235
- enableSecondTextfieldContentRight ? (
236
- <IconCalendarOutline color="var(--text-accent)" size={iconSize} />
237
- ) : undefined
238
- }
239
- firstTextfieldTextBefore={
240
- showDefaultTextBefore ? firstTextfieldTextBefore || 'С' : firstTextfieldTextBefore
241
- }
242
- secondTextfieldTextBefore={
243
- showDefaultTextBefore ? secondTextfieldTextBefore || 'ПО' : secondTextfieldTextBefore
244
- }
245
- onToggle={(is) => {
246
- setIsOpen(is);
247
- onToggle(is);
248
- }}
249
- onChangeFirstValue={onChangeFirstValue}
250
- onChangeSecondValue={onChangeSecondValue}
251
- {...dividerIconProps}
252
- {...rest}
253
- />
254
- );
255
- };
256
-
257
- export const Range: StoryObj<StoryPropsRange> = {
258
- argTypes: {
259
- dividerVariant: {
260
- options: dividers,
261
- control: {
262
- type: 'inline-radio',
263
- },
264
- },
265
- },
266
- args: {
267
- label: 'Лейбл',
268
- leftHelper: 'Подсказка к полю',
269
- firstPlaceholder: '30.05.2024',
270
- secondPlaceholder: '04.06.2024',
271
- firstTextfieldTextBefore: '',
272
- secondTextfieldTextBefore: '',
273
- firstTextfieldTextAfter: '',
274
- secondTextfieldTextAfter: '',
275
- size: 's',
276
- view: 'default',
277
- lang: 'ru',
278
- format: 'DD.MM.YYYY',
279
- closeAfterDateSelect: true,
280
- isDoubleCalendar: false,
281
- dividerVariant: 'dash',
282
- includeEdgeDates: true,
283
- min: new Date(2024, 1, 1),
284
- max: new Date(2024, 12, 29),
285
- closeAfterDateSelect: true,
286
- renderFromDate: new Date(2024, 4, 14),
287
- maskWithFormat: false,
288
- required: false,
289
- requiredPlacement: 'right',
290
- hasRequiredIndicator: true,
291
- disabled: false,
292
- readOnly: false,
293
- enableContentLeft: false,
294
- enableContentRight: false,
295
- enableFirstTextfieldContentLeft: false,
296
- enableFirstTextfieldContentRight: true,
297
- enableSecondTextfieldContentLeft: false,
298
- enableSecondTextfieldContentRight: true,
299
-
300
- firstValueError: false,
301
- firstValueSuccess: false,
302
- secondValueError: false,
303
- secondValueSuccess: false,
304
- calendarContainerWidth: 0,
305
- calendarContainerHeight: 0,
306
- stretched: false,
307
- },
308
- render: (args) => <StoryRange {...args} />,
309
- };
@@ -1,58 +0,0 @@
1
- import React from 'react';
2
- import type { ComponentProps } from 'react';
3
- import styled from 'styled-components';
4
- import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
5
- import type { StoryObj, Meta } from '@storybook/react';
6
-
7
- import { BodyS } from '../Typography';
8
-
9
- import { Divider } from './Divider';
10
-
11
- const meta: Meta<typeof Divider> = {
12
- title: 'Data Display/Divider',
13
- decorators: [InSpacingDecorator],
14
- argTypes: {
15
- orientation: {
16
- options: ['horizontal', 'vertical'],
17
- control: {
18
- type: 'select',
19
- },
20
- table: { defaultValue: { summary: 'horizontal' } },
21
- },
22
- view: {
23
- options: ['default', 'dark', 'light', 'inverse'],
24
- control: {
25
- type: 'select',
26
- },
27
- table: { defaultValue: { summary: 'default' } },
28
- },
29
- ...disableProps(['size']),
30
- },
31
- };
32
-
33
- export default meta;
34
-
35
- const StyledWrapper = styled.div<{ orientation?: string }>`
36
- display: inline-flex;
37
- gap: 0.5rem;
38
- padding: 1rem;
39
- background: #aab1e9;
40
- align-items: center;
41
- justify-content: center;
42
- flex-direction: ${(props) => (props.orientation === 'horizontal' ? 'column' : 'row')};
43
- `;
44
-
45
- export const Default: StoryObj<ComponentProps<typeof Divider>> = {
46
- args: {
47
- view: 'default',
48
- orientation: 'horizontal',
49
- length: '100%',
50
- },
51
- render: (args) => (
52
- <StyledWrapper orientation={args.orientation}>
53
- <BodyS>Before</BodyS>
54
- <Divider {...args} />
55
- <BodyS>After</BodyS>
56
- </StyledWrapper>
57
- ),
58
- };
@@ -1,217 +0,0 @@
1
- import React, { useState } from 'react';
2
- import styled from 'styled-components';
3
- import type { ComponentProps } from 'react';
4
- import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
5
- import type { StoryObj, Meta } from '@storybook/react';
6
- import { IconDone } from '@salutejs/plasma-icons';
7
-
8
- import { Button } from '../Button';
9
- import { SSRProvider } from '../SSRProvider';
10
- import { H2, H3 } from '../Typography';
11
- import { PopupProvider } from '../Popup';
12
-
13
- import type { ClosePlacementType } from '.';
14
- import { Drawer, DrawerContent, DrawerFooter, DrawerHeader } from '.';
15
-
16
- export default {
17
- title: 'Overlay/Drawer',
18
- decorators: [InSpacingDecorator],
19
- argTypes: {
20
- ...disableProps(['view', 'size']),
21
- placement: {
22
- options: ['top', 'bottom', 'right', 'left'],
23
- control: {
24
- type: 'select',
25
- },
26
- table: { defaultValue: { summary: 'center' } },
27
- },
28
- offsetX: {
29
- control: {
30
- type: 'number',
31
- },
32
- table: { defaultValue: { summary: 0 } },
33
- },
34
- offsetY: {
35
- control: {
36
- type: 'number',
37
- },
38
- table: { defaultValue: { summary: 0 } },
39
- },
40
- closeOnEsc: {
41
- control: {
42
- type: 'boolean',
43
- },
44
- table: { defaultValue: { summary: true } },
45
- },
46
- closeOnOverlayClick: {
47
- control: {
48
- type: 'boolean',
49
- },
50
- table: { defaultValue: { summary: true } },
51
- },
52
- withBlur: {
53
- control: {
54
- type: 'boolean',
55
- },
56
- table: { defaultValue: { summary: false } },
57
- },
58
- showHeader: {
59
- control: {
60
- type: 'boolean',
61
- },
62
- table: { defaultValue: { summary: true } },
63
- },
64
- showFooter: {
65
- control: {
66
- type: 'boolean',
67
- },
68
- table: { defaultValue: { summary: true } },
69
- },
70
- showActions: {
71
- control: {
72
- type: 'boolean',
73
- },
74
- table: { defaultValue: { summary: true } },
75
- },
76
- closePlacement: {
77
- options: ['right', 'left'],
78
- control: {
79
- type: 'select',
80
- },
81
- table: { defaultValue: { summary: 'right' } },
82
- },
83
- borderRadius: {
84
- options: ['none', 'default'],
85
- control: {
86
- type: 'select',
87
- },
88
- },
89
- customBackgroundColor: {
90
- control: {
91
- type: 'color',
92
- },
93
- },
94
- customContentBackgroundColor: {
95
- control: {
96
- type: 'color',
97
- },
98
- },
99
- },
100
- } as Meta;
101
-
102
- type StoryDrawerProps = ComponentProps<typeof Drawer> & {
103
- placement: string;
104
- offsetX: number;
105
- offsetY: number;
106
- closeOnEsc: boolean;
107
- closeOnOverlayClick: boolean;
108
- showHeader: boolean;
109
- showFooter: boolean;
110
- showActions: boolean;
111
- closePlacement: string;
112
- hasClose: boolean;
113
- asModal: boolean;
114
- };
115
-
116
- const StyledWrapper = styled.div`
117
- height: 100vh;
118
- width: 100%;
119
- display: flex;
120
- flex-direction: column;
121
- `;
122
-
123
- const StyledContentWrapper = styled.div`
124
- height: 80%;
125
- display: flex;
126
- flex-grow: 1;
127
- `;
128
-
129
- const StyledContent = styled.div`
130
- background: #a8a875;
131
- flex-grow: 1;
132
- height: 100%;
133
- `;
134
-
135
- const StyledSection = styled.div`
136
- background: #808080;
137
- min-height: 20%;
138
- `;
139
-
140
- const StyledIconButton = styled(Button)`
141
- position: relative;
142
- width: 1.5rem;
143
- height: 1.5rem;
144
- color: var(--text-secondary);
145
- `;
146
-
147
- const StoryDrawerDemo = ({
148
- showHeader,
149
- showFooter,
150
- showActions,
151
- hasClose,
152
- closePlacement,
153
- ...rest
154
- }: StoryDrawerProps) => {
155
- const [isOpen, setIsOpen] = useState(false);
156
-
157
- return (
158
- <SSRProvider>
159
- <PopupProvider>
160
- <StyledWrapper>
161
- <StyledSection>
162
- <Button text="Открыть панель" onClick={() => setIsOpen(true)} />
163
- </StyledSection>
164
- <StyledContentWrapper>
165
- <Drawer opened={isOpen} onClose={() => setIsOpen(false)} {...rest}>
166
- <DrawerHeader
167
- hasClose={hasClose}
168
- closePlacement={closePlacement as ClosePlacementType}
169
- actions={
170
- showActions && (
171
- <StyledIconButton size="s" view="clear">
172
- <IconDone size="s" color="inherit" />
173
- </StyledIconButton>
174
- )
175
- }
176
- onClose={() => setIsOpen(false)}
177
- >
178
- {showHeader && <H3>Header</H3>}
179
- </DrawerHeader>
180
- <DrawerContent>Content</DrawerContent>
181
- {showFooter && (
182
- <DrawerFooter>
183
- <H3>Footer</H3>
184
- </DrawerFooter>
185
- )}
186
- </Drawer>
187
- <StyledContent>
188
- <H2 style={{ margin: '2rem' }}>Some basic content</H2>
189
- </StyledContent>
190
- </StyledContentWrapper>
191
- <StyledSection />
192
- </StyledWrapper>
193
- </PopupProvider>
194
- </SSRProvider>
195
- );
196
- };
197
-
198
- export const DrawerDemo: StoryObj<StoryDrawerProps> = {
199
- args: {
200
- placement: 'right',
201
- withBlur: false,
202
- closeOnEsc: true,
203
- closeOnOverlayClick: true,
204
- offsetX: 0,
205
- offsetY: 0,
206
- showHeader: true,
207
- showFooter: true,
208
- showActions: true,
209
- hasClose: true,
210
- asModal: true,
211
- closePlacement: 'right',
212
- width: '25vw',
213
- height: '100dvh',
214
- borderRadius: 'none',
215
- },
216
- render: (args) => <StoryDrawerDemo {...args} />,
217
- };