@salutejs/sdds-cs 0.319.0-canary.2020.15698332896.0 → 0.319.0-canary.2020.15824629894.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (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,97 +0,0 @@
1
- import React from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import type { ComponentProps } from 'react';
4
- import { IconChevronRight } from '@salutejs/plasma-icons';
5
- import styled from 'styled-components';
6
- import { disableProps } from '@salutejs/plasma-sb-utils';
7
-
8
- import { Avatar } from '../Avatar';
9
-
10
- import { Cell } from '.';
11
-
12
- type StoryProps = ComponentProps<typeof Cell> & {
13
- itemsCount?: number;
14
- disableLeftContent?: boolean;
15
- disableRightContent?: boolean;
16
- };
17
- type Story = StoryObj<StoryProps>;
18
-
19
- const sizes = ['s', 'xs'];
20
- const stretchingValues = ['fixed', 'filled', 'auto'];
21
- const alignLeft = ['top', 'center', 'bottom'];
22
- const alignRight = ['top', 'center', 'bottom'];
23
-
24
- type SizesCell = 'xs' | 's' | undefined;
25
- type SizesAvatar = 'l' | 'm' | 's';
26
-
27
- const getSize = (size: SizesCell): SizesAvatar => {
28
- if (size === 'xs' || !size) {
29
- return 's';
30
- }
31
-
32
- return size;
33
- };
34
-
35
- const ChevronRight = styled(IconChevronRight)`
36
- color: var(--text-secondary);
37
- `;
38
-
39
- const meta: Meta<typeof Cell> = {
40
- title: 'Data Display/Cell',
41
- argTypes: {
42
- size: {
43
- options: sizes,
44
- control: {
45
- type: 'select',
46
- },
47
- },
48
- stretching: {
49
- options: stretchingValues,
50
- control: {
51
- type: 'select',
52
- },
53
- },
54
- alignContentLeft: {
55
- options: alignLeft,
56
- control: {
57
- type: 'select',
58
- },
59
- },
60
- alignContentRight: {
61
- options: alignRight,
62
- control: {
63
- type: 'select',
64
- },
65
- },
66
- ...disableProps(['size', 'view']),
67
- },
68
- };
69
-
70
- export default meta;
71
-
72
- export const Default: Story = {
73
- args: {
74
- size: 's',
75
- stretching: 'filled',
76
- disableLeftContent: false,
77
- disableRightContent: false,
78
- alignContentLeft: 'center',
79
- alignContentRight: 'center',
80
- title: 'Title',
81
- subtitle: 'Subtitle',
82
- label: 'Label',
83
- },
84
- render: ({ ...args }: StoryProps) => {
85
- return (
86
- <Cell
87
- contentLeft={
88
- !args.disableLeftContent && (
89
- <Avatar size={getSize(args.size)} url="https://avatars.githubusercontent.com/u/1813468?v=4" />
90
- )
91
- }
92
- contentRight={!args.disableRightContent && <ChevronRight color="inherit" size="s" />}
93
- {...args}
94
- />
95
- );
96
- },
97
- };
@@ -1,232 +0,0 @@
1
- import React from 'react';
2
- import type { Meta, StoryObj } from '@storybook/react';
3
- import { action } from '@storybook/addon-actions';
4
- import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
5
-
6
- import { Link } from '../Link';
7
-
8
- import { Checkbox } from '.';
9
- import type { CheckboxProps } from '.';
10
-
11
- const onChange = action('onChange');
12
- const onFocus = action('onFocus');
13
- const onBlur = action('onBlur');
14
-
15
- const propsToDisable = [
16
- 'name',
17
- 'indeterminate',
18
- 'id',
19
- 'focused',
20
- 'type',
21
- 'value',
22
- 'checked',
23
- 'readOnly',
24
- 'placeholder',
25
- 'required',
26
- 'minLength',
27
- 'maxLength',
28
- 'onChange',
29
- 'onFocus',
30
- 'onBlur',
31
- 'view',
32
- 'size',
33
- 'appearance',
34
- ];
35
-
36
- const views = ['accent'];
37
-
38
- const meta: Meta<CheckboxProps> = {
39
- title: 'Data Entry/Checkbox',
40
- component: Checkbox,
41
- decorators: [InSpacingDecorator],
42
- argTypes: {
43
- label: {
44
- control: {
45
- type: 'text',
46
- },
47
- },
48
- description: {
49
- control: {
50
- type: 'text',
51
- },
52
- },
53
- view: {
54
- options: views,
55
- control: {
56
- type: 'select',
57
- },
58
- },
59
- ...disableProps(propsToDisable),
60
- },
61
- };
62
-
63
- export default meta;
64
-
65
- type Story = StoryObj<CheckboxProps>;
66
-
67
- const englishDescription = (
68
- <div>
69
- The most spoken language in the <Link href="/#">world</Link>
70
- </div>
71
- );
72
-
73
- const chineseLabel = (
74
- <div>
75
- Chinese is the hardest <Link href="/#">language</Link>
76
- </div>
77
- );
78
-
79
- const name = 'languages';
80
-
81
- const items = [
82
- {
83
- name,
84
- value: 'natural',
85
- label: 'Natural languages',
86
- disabled: false,
87
- description: 'Languages that people speak. They were not designed by people and they evolved naturally.',
88
- },
89
- { name, value: 'russian', label: 'Russian', disabled: false, parent: 'natural' },
90
- {
91
- name,
92
- value: 'english',
93
- label: 'English',
94
- disabled: false,
95
- parent: 'natural',
96
- description: englishDescription,
97
- },
98
- { name, value: 'french', label: 'French', disabled: false, parent: 'natural' },
99
- { name, value: 'klingon', label: 'Klingon', disabled: false, parent: 'natural' },
100
- { name, value: 'elvish', label: 'Elvish', disabled: true, parent: 'natural' },
101
- { name, value: 'dothraki', label: 'Dothraki', disabled: true, parent: 'natural' },
102
- {
103
- name,
104
- value: 'chinese',
105
- label: chineseLabel,
106
- parent: 'natural',
107
- },
108
- ];
109
-
110
- const getChildren = (value: string) => items.filter((item) => item.parent === value);
111
-
112
- const getState = (values: Record<string, boolean | undefined>, value: string) => {
113
- const allChildren = getChildren(value);
114
-
115
- if (!allChildren.length) {
116
- return { checked: values[value], indeterminate: false };
117
- }
118
-
119
- const checkedChildren = allChildren.filter((child) => values[child.value]);
120
-
121
- if (checkedChildren.length === 0) {
122
- return { checked: false, indeterminate: false };
123
- }
124
-
125
- if (allChildren.length !== checkedChildren.length) {
126
- return { checked: false, indeterminate: true };
127
- }
128
-
129
- return { checked: true, indeterminate: false };
130
- };
131
-
132
- const StoryDefault = (args: CheckboxProps) => {
133
- const value = 0;
134
- const [checked, setChecked] = React.useState(true);
135
-
136
- return (
137
- <>
138
- <Checkbox
139
- value={value}
140
- checked={checked}
141
- onChange={(event) => {
142
- event.persist();
143
-
144
- setChecked(event.target.checked);
145
- onChange(event);
146
- }}
147
- onFocus={onFocus}
148
- onBlur={onBlur}
149
- {...args}
150
- />
151
- </>
152
- );
153
- };
154
-
155
- export const Default: Story = {
156
- args: {
157
- name: 'checkbox',
158
- label: 'Label',
159
- description: 'Description',
160
- disabled: false,
161
- singleLine: false,
162
- size: 's',
163
- view: 'accent',
164
- focused: true,
165
- },
166
- render: (args) => <StoryDefault {...args} />,
167
- };
168
-
169
- const StoryLive = (args) => {
170
- const [values, setValues] = React.useState({
171
- russian: true,
172
- english: true,
173
- french: true,
174
- klingon: false,
175
- elvish: true,
176
- dothraki: false,
177
- chinese: true,
178
- });
179
-
180
- return (
181
- <>
182
- {items.map((item) => (
183
- <Checkbox
184
- {...getState(values, item.value)}
185
- style={{ marginLeft: item.parent ? 36 : null }}
186
- key={item.value}
187
- name={item.name}
188
- value={item.value}
189
- label={item.label}
190
- disabled={item.disabled}
191
- description={item.description}
192
- onChange={(event) => {
193
- event.persist();
194
-
195
- const { checked } = event.target;
196
-
197
- if (item.parent) {
198
- setValues({ ...values, [item.value]: checked });
199
- } else {
200
- setValues({
201
- ...values,
202
- ...getChildren(item.value).reduce(
203
- (acc, child) => ({ ...acc, [child.value]: checked }),
204
- {},
205
- ),
206
- });
207
- }
208
-
209
- onChange(event);
210
- }}
211
- onFocus={onFocus}
212
- onBlur={onBlur}
213
- {...args}
214
- />
215
- ))}
216
- </>
217
- );
218
- };
219
-
220
- export const Live: Story = {
221
- args: {
222
- size: 's',
223
- view: 'accent',
224
- singleLine: false,
225
- focused: true,
226
- disabled: false,
227
- },
228
- argTypes: {
229
- ...disableProps(['label', 'description', 'size']),
230
- },
231
- render: (args) => <StoryLive {...args} />,
232
- };
@@ -1,93 +0,0 @@
1
- import React from 'react';
2
- import type { Meta, StoryObj } from '@storybook/react';
3
- import { action } from '@storybook/addon-actions';
4
- import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
5
-
6
- import { Chip } from '.';
7
-
8
- const views = ['default', 'secondary', 'accent'];
9
- const sizes = ['s', 'xs'];
10
-
11
- const onClear = action('onClear');
12
-
13
- const meta: Meta<typeof Chip> = {
14
- title: 'Data Display/Chip',
15
- component: Chip,
16
- decorators: [InSpacingDecorator],
17
- argTypes: {
18
- view: {
19
- options: views,
20
- control: {
21
- type: 'select',
22
- },
23
- },
24
- size: {
25
- options: sizes,
26
- control: {
27
- type: 'select',
28
- },
29
- },
30
- ...disableProps([
31
- 'readOnly',
32
- 'onClear',
33
- 'contentLeft',
34
- 'contentRight',
35
- 'contentClearButton',
36
- 'text',
37
- 'disabled',
38
- 'pilled',
39
- ]),
40
- },
41
- };
42
-
43
- export default meta;
44
-
45
- type Story = StoryObj<typeof Chip>;
46
-
47
- const TrashIcon = (props) => (
48
- <svg width="100%" viewBox="0 0 24 24" fill="none" color="inherit" {...props}>
49
- <path
50
- fillRule="evenodd"
51
- clipRule="evenodd"
52
- d="M8 5.5A2.5 2.5 0 0110.5 3h3A2.5 2.5 0 0116 5.5V6h-2v-.5a.5.5 0 00-.5-.5h-3a.5.5 0 00-.5.5V6H8v-.5zM4 8a1 1 0 011-1h14a1 1 0 110 2h-1v9.5a2.5 2.5 0 01-2.5 2.5h-7A2.5 2.5 0 016 18.5V9H5a1 1 0 01-1-1z"
53
- fill="currentColor"
54
- />
55
- </svg>
56
- );
57
-
58
- export const Default: Story = {
59
- args: {
60
- text: 'This is chip',
61
- view: 'default',
62
- size: 's',
63
- hasClear: true,
64
- focused: true,
65
- onClear,
66
- },
67
- };
68
-
69
- export const WithIcon: Story = {
70
- args: { ...Default.args },
71
- render: (args) => {
72
- const iconSizeMapper = {
73
- s: '1.5rem',
74
- xs: '1rem',
75
- };
76
- const iconSize = args.size || 's';
77
-
78
- return (
79
- <Chip
80
- contentLeft={<TrashIcon width={iconSizeMapper[iconSize]} height={iconSizeMapper[iconSize]} />}
81
- {...args}
82
- />
83
- );
84
- },
85
- };
86
-
87
- export const LongText: Story = {
88
- args: {
89
- ...Default.args,
90
- text: 'Lorem ipsum dolor sit amet, consectetur adipisicing elit.',
91
- },
92
- render: (args) => <Chip style={{ width: '10rem' }} {...args} />,
93
- };
@@ -1,79 +0,0 @@
1
- import React from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { StoryObj, Meta } from '@storybook/react';
4
- import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
5
-
6
- import { Chip } from '../Chip/Chip';
7
-
8
- import { ChipGroup } from './ChipGroup';
9
-
10
- type StoryProps = ComponentProps<typeof ChipGroup> & { itemsCount?: number };
11
- type Story = StoryObj<StoryProps>;
12
-
13
- const views = ['default', 'accent', 'secondary'];
14
- const gapValues = ['dense', 'wide'];
15
-
16
- const meta: Meta<typeof ChipGroup> = {
17
- title: 'Data Display/ChipGroup',
18
- decorators: [InSpacingDecorator],
19
- argTypes: {
20
- view: {
21
- options: views,
22
- control: { type: 'select' },
23
- if: { arg: 'isCommonChipStyles', truthy: true },
24
- },
25
- gap: {
26
- options: gapValues,
27
- control: {
28
- type: 'select',
29
- },
30
- },
31
- ...disableProps(['size']),
32
- },
33
- };
34
-
35
- export default meta;
36
-
37
- export const Default: Story = {
38
- args: {
39
- gap: 'dense',
40
- itemsCount: 5,
41
- isWrapped: false,
42
- view: 'default',
43
- size: 's',
44
- isCommonChipStyles: true,
45
- },
46
- argTypes: {
47
- ...disableProps(['isCommonChipStyles']),
48
- },
49
- render: ({ itemsCount, ...args }: StoryProps) => {
50
- return (
51
- <ChipGroup {...args}>
52
- {Array(itemsCount)
53
- .fill(true)
54
- .map((_, i) => (
55
- <Chip text={`Chip ${i}`} key={`chip_${i}`} hasClear={false} />
56
- ))}
57
- </ChipGroup>
58
- );
59
- },
60
- };
61
-
62
- export const CustomChips: Story = {
63
- args: {
64
- ...Default.args,
65
- isCommonChipStyles: false,
66
- },
67
- argTypes: {
68
- ...disableProps(['itemsCount', 'isWrapped']),
69
- },
70
- render: (args: StoryProps) => {
71
- return (
72
- <ChipGroup {...args}>
73
- <Chip text="Primary" view="default" hasClear={false} />
74
- <Chip text="Secondary" view="secondary" hasClear={false} />
75
- <Chip text="Accent" view="accent" hasClear={false} />
76
- </ChipGroup>
77
- );
78
- },
79
- };