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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (960) hide show
  1. package/components/Accordion/Accordion.config.js +19 -101
  2. package/components/Accordion/Accordion.js +12 -18
  3. package/components/Accordion/index.js +14 -15
  4. package/components/Attach/Attach.config.js +26 -267
  5. package/components/Attach/Attach.js +11 -11
  6. package/components/Attach/index.js +7 -6
  7. package/components/Autocomplete/Autocomplete.config.js +30 -247
  8. package/components/Autocomplete/Autocomplete.js +7 -11
  9. package/components/Autocomplete/index.js +7 -6
  10. package/components/Avatar/Avatar.config.js +31 -197
  11. package/components/Avatar/Avatar.js +7 -19
  12. package/components/Avatar/index.js +7 -6
  13. package/components/AvatarGroup/AvatarGroup.js +6 -10
  14. package/components/AvatarGroup/index.js +7 -6
  15. package/components/Badge/Badge.config.js +30 -145
  16. package/components/Badge/Badge.js +11 -11
  17. package/components/Badge/index.js +7 -6
  18. package/components/Breadcrumbs/Breadcrumbs.config.js +18 -60
  19. package/components/Breadcrumbs/Breadcrumbs.js +12 -12
  20. package/components/Breadcrumbs/index.js +7 -6
  21. package/components/Button/Button.config.js +30 -174
  22. package/components/Button/Button.js +41 -146
  23. package/components/Button/index.js +7 -6
  24. package/components/ButtonBase/index.js +7 -6
  25. package/components/ButtonGroup/ButtonGroup.config.js +38 -228
  26. package/components/ButtonGroup/ButtonGroup.js +11 -11
  27. package/components/ButtonGroup/index.js +7 -6
  28. package/components/Calendar/Calendar.js +18 -39
  29. package/components/Calendar/CalendarBase.config.js +18 -128
  30. package/components/Calendar/CalendarDouble.config.js +18 -128
  31. package/components/Calendar/index.js +32 -24
  32. package/components/Card/Card.config.js +20 -81
  33. package/components/Card/Card.js +23 -22
  34. package/components/Card/index.js +20 -18
  35. package/components/Cell/Cell.config.js +16 -110
  36. package/components/Cell/Cell.js +12 -12
  37. package/components/Cell/index.js +33 -25
  38. package/components/Checkbox/Checkbox.config.js +25 -104
  39. package/components/Checkbox/Checkbox.js +11 -12
  40. package/components/Checkbox/index.js +7 -6
  41. package/components/Chip/Chip.config.js +25 -162
  42. package/components/Chip/Chip.js +12 -12
  43. package/components/Chip/index.js +7 -6
  44. package/components/ChipGroup/ChipGroup.config.js +24 -127
  45. package/components/ChipGroup/ChipGroup.js +7 -11
  46. package/components/ChipGroup/index.js +7 -6
  47. package/components/Combobox/Combobox.config.js +30 -313
  48. package/components/Combobox/Combobox.js +15 -50
  49. package/components/Combobox/index.js +7 -6
  50. package/components/Counter/Counter.config.js +21 -95
  51. package/components/Counter/Counter.js +11 -11
  52. package/components/Counter/index.js +15 -16
  53. package/components/DatePicker/DatePicker.config.js +24 -264
  54. package/components/DatePicker/DatePicker.js +9 -21
  55. package/components/DatePicker/index.js +27 -22
  56. package/components/Divider/Divider.config.js +27 -109
  57. package/components/Divider/Divider.js +11 -11
  58. package/components/Divider/index.js +15 -16
  59. package/components/Drawer/Drawer.config.js +22 -79
  60. package/components/Drawer/Drawer.js +29 -31
  61. package/components/Drawer/index.js +26 -21
  62. package/components/Dropdown/Dropdown.config.js +18 -94
  63. package/components/Dropdown/Dropdown.js +15 -50
  64. package/components/Dropdown/index.js +7 -6
  65. package/components/Dropzone/Dropzone.config.js +21 -86
  66. package/components/Dropzone/Dropzone.js +7 -11
  67. package/components/Dropzone/index.js +21 -19
  68. package/components/EmptyState/EmptyState.config.js +18 -114
  69. package/components/EmptyState/EmptyState.js +7 -19
  70. package/components/EmptyState/index.js +7 -6
  71. package/components/Flow/Flow.config.js +7 -11
  72. package/components/Flow/Flow.js +7 -11
  73. package/components/Flow/index.js +7 -6
  74. package/components/Grid/Grid.config.js +19 -71
  75. package/components/Grid/Grid.js +18 -21
  76. package/components/Grid/index.js +20 -18
  77. package/components/IconButton/IconButton.config.js +28 -146
  78. package/components/IconButton/IconButton.js +12 -12
  79. package/components/IconButton/index.js +7 -6
  80. package/components/Image/Image.component-test.js +92 -0
  81. package/components/Image/Image.js +11 -11
  82. package/components/Image/index.js +7 -6
  83. package/components/Indicator/Indicator.config.js +26 -138
  84. package/components/Indicator/Indicator.js +7 -19
  85. package/components/Indicator/index.js +7 -6
  86. package/components/Link/Link.config.js +29 -214
  87. package/components/Link/Link.js +11 -12
  88. package/components/Link/index.js +7 -6
  89. package/components/Mask/Mask.js +6 -10
  90. package/components/Mask/index.js +7 -6
  91. package/components/Modal/Modal.config.js +15 -47
  92. package/components/Modal/Modal.js +12 -12
  93. package/components/Modal/index.js +15 -16
  94. package/components/Notification/Notification.config.js +26 -163
  95. package/components/Notification/Notification.js +23 -38
  96. package/components/Notification/index.js +27 -22
  97. package/components/NumberFormat/NumberFormat.js +13 -10
  98. package/components/NumberFormat/index.js +7 -6
  99. package/components/NumberInput/NumberInput.config.js +34 -154
  100. package/components/NumberInput/NumberInput.js +7 -11
  101. package/components/NumberInput/index.js +21 -19
  102. package/components/Overlay/index.js +7 -6
  103. package/components/Pagination/Pagination.component-test.js +298 -0
  104. package/components/Pagination/Pagination.config.js +26 -139
  105. package/components/Pagination/Pagination.js +12 -12
  106. package/components/Pagination/index.js +7 -6
  107. package/components/Popover/Popover.config.js +15 -43
  108. package/components/Popover/Popover.js +7 -11
  109. package/components/Popover/index.js +7 -6
  110. package/components/Popup/Popup.js +10 -10
  111. package/components/Popup/index.js +27 -22
  112. package/components/Portal/index.js +7 -6
  113. package/components/Price/Price.config.js +11 -15
  114. package/components/Price/Price.js +12 -12
  115. package/components/Price/index.js +15 -16
  116. package/components/Progress/Progress.config.js +21 -95
  117. package/components/Progress/Progress.js +8 -12
  118. package/components/Progress/index.js +7 -6
  119. package/components/Radiobox/Radiobox.config.js +31 -106
  120. package/components/Radiobox/Radiobox.js +16 -19
  121. package/components/Radiobox/index.js +14 -15
  122. package/components/Range/Range.config.js +24 -157
  123. package/components/Range/Range.js +11 -11
  124. package/components/Range/index.js +15 -16
  125. package/components/Rating/Rating.config.js +20 -117
  126. package/components/Rating/Rating.js +7 -11
  127. package/components/Rating/index.js +21 -19
  128. package/components/SSRProvider/index.js +7 -6
  129. package/components/Segment/Segment.js +32 -27
  130. package/components/Segment/SegmentGroup.config.js +34 -130
  131. package/components/Segment/SegmentItem.config.js +25 -124
  132. package/components/Segment/index.js +26 -21
  133. package/components/Select/Select.config.js +35 -305
  134. package/components/Select/Select.js +15 -50
  135. package/components/Select/index.js +7 -6
  136. package/components/Sheet/Sheet.config.js +18 -63
  137. package/components/Sheet/Sheet.js +12 -12
  138. package/components/Sheet/index.js +15 -16
  139. package/components/Skeleton/LineSkeleton.config.js +31 -230
  140. package/components/Skeleton/Skeleton.js +20 -25
  141. package/components/Skeleton/index.js +26 -21
  142. package/components/Slider/Slider.component-test.js +223 -0
  143. package/components/Slider/Slider.config.js +22 -147
  144. package/components/Slider/Slider.js +13 -12
  145. package/components/Slider/index.js +7 -6
  146. package/components/Spinner/Spinner.config.js +23 -107
  147. package/components/Spinner/Spinner.js +15 -23
  148. package/components/Spinner/index.js +7 -6
  149. package/components/Steps/Steps.config.js +18 -105
  150. package/components/Steps/Steps.js +8 -12
  151. package/components/Steps/index.js +7 -6
  152. package/components/Switch/Switch.config.js +31 -149
  153. package/components/Switch/Switch.js +8 -12
  154. package/components/Switch/index.js +7 -6
  155. package/components/Table/Table.config.js +21 -257
  156. package/components/Table/Table.js +12 -12
  157. package/components/Table/index.js +7 -6
  158. package/components/Tabs/TabItem.js +21 -26
  159. package/components/Tabs/Tabs.js +21 -26
  160. package/components/Tabs/TabsController.js +16 -15
  161. package/components/Tabs/horizontal/HorizontalTabItem.config.js +30 -230
  162. package/components/Tabs/horizontal/HorizontalTabs.config.js +37 -266
  163. package/components/Tabs/index.js +35 -27
  164. package/components/Tabs/vertical/VerticalTabItem.config.js +24 -125
  165. package/components/Tabs/vertical/VerticalTabs.config.js +24 -98
  166. package/components/TextArea/TextArea.config.js +42 -367
  167. package/components/TextArea/TextArea.js +12 -12
  168. package/components/TextArea/index.js +7 -6
  169. package/components/TextField/TextField.config.js +40 -338
  170. package/components/TextField/TextField.js +11 -11
  171. package/components/TextField/index.js +15 -16
  172. package/components/Toast/Toast.config.js +35 -127
  173. package/components/Toast/Toast.js +14 -26
  174. package/components/Toast/index.js +20 -18
  175. package/components/ToastNew/ToastNew.config.js +21 -80
  176. package/components/ToastNew/ToastNew.js +8 -20
  177. package/components/ToastNew/index.js +14 -15
  178. package/components/Tokens/Colors/Colors.styles.js +51 -147
  179. package/components/Tokens/NumberTokens/NumberTokens.styles.js +23 -70
  180. package/components/Tokens/Typography/Typography.styles.js +76 -204
  181. package/components/Toolbar/Toolbar.config.js +18 -57
  182. package/components/Toolbar/Toolbar.js +13 -21
  183. package/components/Toolbar/index.js +21 -19
  184. package/components/Tooltip/Tooltip.config.js +19 -71
  185. package/components/Tooltip/Tooltip.js +7 -11
  186. package/components/Tooltip/index.js +7 -6
  187. package/components/Tree/Tree.config.js +18 -83
  188. package/components/Tree/Tree.js +7 -11
  189. package/components/Tree/index.js +7 -6
  190. package/components/Typography/Body.config.js +47 -161
  191. package/components/Typography/Dspl.config.js +31 -105
  192. package/components/Typography/Heading.config.js +47 -161
  193. package/components/Typography/Text.config.js +39 -133
  194. package/components/Typography/Typography.js +59 -116
  195. package/components/Typography/index.js +106 -62
  196. package/components/ViewContainer/ViewContainer.config.js +14 -46
  197. package/components/ViewContainer/ViewContainer.js +7 -11
  198. package/components/ViewContainer/index.js +7 -6
  199. package/emotion/cjs/components/Accordion/Accordion.config.js +19 -101
  200. package/emotion/cjs/components/Accordion/Accordion.js +12 -18
  201. package/emotion/cjs/components/Accordion/Accordion.stories.tsx +159 -0
  202. package/emotion/cjs/components/Accordion/index.js +14 -15
  203. package/emotion/cjs/components/Attach/Attach.config.js +26 -267
  204. package/emotion/cjs/components/Attach/Attach.js +11 -11
  205. package/emotion/cjs/components/Attach/Attach.stories.tsx +157 -0
  206. package/emotion/cjs/components/Attach/index.js +7 -6
  207. package/emotion/cjs/components/Autocomplete/Autocomplete.config.js +30 -247
  208. package/emotion/cjs/components/Autocomplete/Autocomplete.js +7 -11
  209. package/emotion/cjs/components/Autocomplete/Autocomplete.stories.tsx +170 -0
  210. package/emotion/cjs/components/Autocomplete/index.js +7 -6
  211. package/emotion/cjs/components/Avatar/Avatar.config.js +31 -197
  212. package/emotion/cjs/components/Avatar/Avatar.js +7 -19
  213. package/emotion/cjs/components/Avatar/Avatar.stories.tsx +74 -0
  214. package/emotion/cjs/components/Avatar/index.js +7 -6
  215. package/emotion/cjs/components/AvatarGroup/AvatarGroup.js +6 -10
  216. package/emotion/cjs/components/AvatarGroup/AvatarGroup.stories.tsx +71 -0
  217. package/emotion/cjs/components/AvatarGroup/index.js +7 -6
  218. package/emotion/cjs/components/Badge/Badge.config.js +30 -145
  219. package/emotion/cjs/components/Badge/Badge.js +11 -11
  220. package/emotion/cjs/components/Badge/Badge.stories.tsx +87 -0
  221. package/emotion/cjs/components/Badge/index.js +7 -6
  222. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.config.js +18 -60
  223. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +12 -12
  224. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.stories.tsx +82 -0
  225. package/emotion/cjs/components/Breadcrumbs/index.js +7 -6
  226. package/emotion/cjs/components/Button/Button.config.js +30 -174
  227. package/emotion/cjs/components/Button/Button.js +41 -146
  228. package/emotion/cjs/components/Button/Button.stories.tsx +212 -0
  229. package/emotion/cjs/components/Button/index.js +7 -6
  230. package/emotion/cjs/components/ButtonBase/index.js +7 -6
  231. package/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +38 -228
  232. package/emotion/cjs/components/ButtonGroup/ButtonGroup.js +11 -11
  233. package/emotion/cjs/components/ButtonGroup/ButtonGroup.stories.tsx +109 -0
  234. package/emotion/cjs/components/ButtonGroup/index.js +7 -6
  235. package/emotion/cjs/components/Calendar/Calendar.js +18 -39
  236. package/emotion/cjs/components/Calendar/Calendar.stories.tsx +304 -0
  237. package/emotion/cjs/components/Calendar/CalendarBase.config.js +18 -128
  238. package/emotion/cjs/components/Calendar/CalendarDouble.config.js +18 -128
  239. package/emotion/cjs/components/Calendar/index.js +32 -24
  240. package/emotion/cjs/components/Card/Card.config.js +20 -81
  241. package/emotion/cjs/components/Card/Card.js +23 -22
  242. package/emotion/cjs/components/Card/Card.stories.tsx +281 -0
  243. package/emotion/cjs/components/Card/index.js +20 -18
  244. package/emotion/cjs/components/Cell/Cell.config.js +16 -110
  245. package/emotion/cjs/components/Cell/Cell.js +12 -12
  246. package/emotion/cjs/components/Cell/Cell.stories.tsx +97 -0
  247. package/emotion/cjs/components/Cell/index.js +33 -25
  248. package/emotion/cjs/components/Checkbox/Checkbox.config.js +25 -104
  249. package/emotion/cjs/components/Checkbox/Checkbox.js +11 -12
  250. package/emotion/cjs/components/Checkbox/Checkbox.stories.tsx +232 -0
  251. package/emotion/cjs/components/Checkbox/index.js +7 -6
  252. package/emotion/cjs/components/Chip/Chip.config.js +25 -162
  253. package/emotion/cjs/components/Chip/Chip.js +12 -12
  254. package/emotion/cjs/components/Chip/Chip.stories.tsx +93 -0
  255. package/emotion/cjs/components/Chip/index.js +7 -6
  256. package/emotion/cjs/components/ChipGroup/ChipGroup.config.js +24 -127
  257. package/emotion/cjs/components/ChipGroup/ChipGroup.js +7 -11
  258. package/emotion/cjs/components/ChipGroup/ChipGroup.stories.tsx +79 -0
  259. package/emotion/cjs/components/ChipGroup/index.js +7 -6
  260. package/emotion/cjs/components/Combobox/Combobox.config.js +30 -313
  261. package/emotion/cjs/components/Combobox/Combobox.js +15 -50
  262. package/emotion/cjs/components/Combobox/Combobox.stories.tsx +604 -0
  263. package/emotion/cjs/components/Combobox/index.js +7 -6
  264. package/emotion/cjs/components/Counter/Counter.config.js +21 -95
  265. package/emotion/cjs/components/Counter/Counter.js +11 -11
  266. package/emotion/cjs/components/Counter/Counter.stories.tsx +34 -0
  267. package/emotion/cjs/components/Counter/index.js +15 -16
  268. package/emotion/cjs/components/DatePicker/DatePicker.config.js +24 -264
  269. package/emotion/cjs/components/DatePicker/DatePicker.js +9 -21
  270. package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx +309 -0
  271. package/emotion/cjs/components/DatePicker/index.js +27 -22
  272. package/emotion/cjs/components/Divider/Divider.config.js +27 -109
  273. package/emotion/cjs/components/Divider/Divider.js +11 -11
  274. package/emotion/cjs/components/Divider/Divider.stories.tsx +58 -0
  275. package/emotion/cjs/components/Divider/index.js +15 -16
  276. package/emotion/cjs/components/Drawer/Drawer.config.js +22 -79
  277. package/emotion/cjs/components/Drawer/Drawer.js +29 -31
  278. package/emotion/cjs/components/Drawer/Drawer.stories.tsx +217 -0
  279. package/emotion/cjs/components/Drawer/index.js +26 -21
  280. package/emotion/cjs/components/Dropdown/Dropdown.config.js +18 -94
  281. package/emotion/cjs/components/Dropdown/Dropdown.js +15 -50
  282. package/emotion/cjs/components/Dropdown/Dropdown.stories.tsx +331 -0
  283. package/emotion/cjs/components/Dropdown/index.js +7 -6
  284. package/emotion/cjs/components/Dropzone/Dropzone.config.js +21 -86
  285. package/emotion/cjs/components/Dropzone/Dropzone.js +7 -11
  286. package/emotion/cjs/components/Dropzone/Dropzone.stories.tsx +58 -0
  287. package/emotion/cjs/components/Dropzone/index.js +21 -19
  288. package/emotion/cjs/components/EmptyState/EmptyState.config.js +18 -114
  289. package/emotion/cjs/components/EmptyState/EmptyState.js +7 -19
  290. package/emotion/cjs/components/EmptyState/EmptyState.stories.tsx +43 -0
  291. package/emotion/cjs/components/EmptyState/index.js +7 -6
  292. package/emotion/cjs/components/Flow/Flow.config.js +7 -11
  293. package/emotion/cjs/components/Flow/Flow.js +7 -11
  294. package/emotion/cjs/components/Flow/Flow.stories.tsx +133 -0
  295. package/emotion/cjs/components/Flow/index.js +7 -6
  296. package/emotion/cjs/components/Grid/Grid.config.js +19 -71
  297. package/emotion/cjs/components/Grid/Grid.js +18 -21
  298. package/emotion/cjs/components/Grid/Grid.stories.tsx +119 -0
  299. package/emotion/cjs/components/Grid/index.js +20 -18
  300. package/emotion/cjs/components/IconButton/IconButton.config.js +28 -146
  301. package/emotion/cjs/components/IconButton/IconButton.js +12 -12
  302. package/emotion/cjs/components/IconButton/IconButton.stories.tsx +94 -0
  303. package/emotion/cjs/components/IconButton/index.js +7 -6
  304. package/emotion/cjs/components/Image/Image.component-test.js +91 -0
  305. package/emotion/cjs/components/Image/Image.js +11 -11
  306. package/emotion/cjs/components/Image/Image.stories.tsx +44 -0
  307. package/emotion/cjs/components/Image/index.js +7 -6
  308. package/emotion/cjs/components/Indicator/Indicator.config.js +26 -138
  309. package/emotion/cjs/components/Indicator/Indicator.js +7 -19
  310. package/emotion/cjs/components/Indicator/Indicator.stories.tsx +34 -0
  311. package/emotion/cjs/components/Indicator/index.js +7 -6
  312. package/emotion/cjs/components/Link/Link.config.js +29 -214
  313. package/emotion/cjs/components/Link/Link.js +11 -12
  314. package/emotion/cjs/components/Link/Link.stories.tsx +57 -0
  315. package/emotion/cjs/components/Link/index.js +7 -6
  316. package/emotion/cjs/components/Mask/Mask.js +6 -10
  317. package/emotion/cjs/components/Mask/Mask.stories.tsx +176 -0
  318. package/emotion/cjs/components/Mask/index.js +7 -6
  319. package/emotion/cjs/components/Modal/Modal.config.js +15 -47
  320. package/emotion/cjs/components/Modal/Modal.js +12 -12
  321. package/emotion/cjs/components/Modal/Modal.stories.tsx +426 -0
  322. package/emotion/cjs/components/Modal/index.js +15 -16
  323. package/emotion/cjs/components/Notification/Notification.config.js +26 -163
  324. package/emotion/cjs/components/Notification/Notification.js +23 -38
  325. package/emotion/cjs/components/Notification/Notification.stories.tsx +221 -0
  326. package/emotion/cjs/components/Notification/index.js +27 -22
  327. package/emotion/cjs/components/NumberFormat/NumberFormat.js +13 -10
  328. package/emotion/cjs/components/NumberFormat/NumberFormat.stories.tsx +186 -0
  329. package/emotion/cjs/components/NumberFormat/index.js +7 -6
  330. package/emotion/cjs/components/NumberInput/NumberInput.config.js +34 -154
  331. package/emotion/cjs/components/NumberInput/NumberInput.js +7 -11
  332. package/emotion/cjs/components/NumberInput/NumberInput.stories.tsx +81 -0
  333. package/emotion/cjs/components/NumberInput/index.js +21 -19
  334. package/emotion/cjs/components/Overlay/Overlay.stories.tsx +76 -0
  335. package/emotion/cjs/components/Overlay/index.js +7 -6
  336. package/emotion/cjs/components/Pagination/Pagination.component-test.js +298 -0
  337. package/emotion/cjs/components/Pagination/Pagination.config.js +26 -139
  338. package/emotion/cjs/components/Pagination/Pagination.js +12 -12
  339. package/emotion/cjs/components/Pagination/Pagination.stories.tsx +139 -0
  340. package/emotion/cjs/components/Pagination/index.js +7 -6
  341. package/emotion/cjs/components/Popover/Popover.config.js +15 -43
  342. package/emotion/cjs/components/Popover/Popover.js +7 -11
  343. package/emotion/cjs/components/Popover/Popover.stories.tsx +127 -0
  344. package/emotion/cjs/components/Popover/index.js +7 -6
  345. package/emotion/cjs/components/Popover/style.css +4 -0
  346. package/emotion/cjs/components/Popup/Popup.js +10 -10
  347. package/emotion/cjs/components/Popup/Popup.stories.tsx +171 -0
  348. package/emotion/cjs/components/Popup/index.js +27 -22
  349. package/emotion/cjs/components/Portal/Portal.stories.tsx +57 -0
  350. package/emotion/cjs/components/Portal/index.js +7 -6
  351. package/emotion/cjs/components/Price/Price.config.js +11 -15
  352. package/emotion/cjs/components/Price/Price.js +12 -12
  353. package/emotion/cjs/components/Price/Price.stories.tsx +34 -0
  354. package/emotion/cjs/components/Price/index.js +15 -16
  355. package/emotion/cjs/components/Progress/Progress.config.js +21 -95
  356. package/emotion/cjs/components/Progress/Progress.js +8 -12
  357. package/emotion/cjs/components/Progress/Progress.stories.tsx +32 -0
  358. package/emotion/cjs/components/Progress/index.js +7 -6
  359. package/emotion/cjs/components/Radiobox/Radiobox.config.js +31 -106
  360. package/emotion/cjs/components/Radiobox/Radiobox.js +16 -19
  361. package/emotion/cjs/components/Radiobox/Radiobox.stories.tsx +139 -0
  362. package/emotion/cjs/components/Radiobox/index.js +14 -15
  363. package/emotion/cjs/components/Range/Range.config.js +24 -157
  364. package/emotion/cjs/components/Range/Range.js +11 -11
  365. package/emotion/cjs/components/Range/Range.stories.tsx +343 -0
  366. package/emotion/cjs/components/Range/index.js +15 -16
  367. package/emotion/cjs/components/Rating/Rating.config.js +20 -117
  368. package/emotion/cjs/components/Rating/Rating.js +7 -11
  369. package/emotion/cjs/components/Rating/Rating.stories.tsx +125 -0
  370. package/emotion/cjs/components/Rating/index.js +21 -19
  371. package/emotion/cjs/components/SSRProvider/index.js +7 -6
  372. package/emotion/cjs/components/Segment/Segment.js +32 -27
  373. package/emotion/cjs/components/Segment/Segment.stories.tsx +162 -0
  374. package/emotion/cjs/components/Segment/SegmentGroup.config.js +34 -130
  375. package/emotion/cjs/components/Segment/SegmentItem.config.js +25 -124
  376. package/emotion/cjs/components/Segment/index.js +26 -21
  377. package/emotion/cjs/components/Select/Select.config.js +35 -305
  378. package/emotion/cjs/components/Select/Select.js +15 -50
  379. package/emotion/cjs/components/Select/Select.stories.tsx +642 -0
  380. package/emotion/cjs/components/Select/index.js +7 -6
  381. package/emotion/cjs/components/Select/style.css +37 -0
  382. package/emotion/cjs/components/Sheet/Sheet.config.js +18 -63
  383. package/emotion/cjs/components/Sheet/Sheet.js +12 -12
  384. package/emotion/cjs/components/Sheet/Sheet.stories.tsx +361 -0
  385. package/emotion/cjs/components/Sheet/index.js +15 -16
  386. package/emotion/cjs/components/Skeleton/LineSkeleton.config.js +31 -230
  387. package/emotion/cjs/components/Skeleton/Skeleton.js +20 -25
  388. package/emotion/cjs/components/Skeleton/Skeleton.stories.tsx +116 -0
  389. package/emotion/cjs/components/Skeleton/index.js +26 -21
  390. package/emotion/cjs/components/Slider/Slider.component-test.js +223 -0
  391. package/emotion/cjs/components/Slider/Slider.config.js +22 -147
  392. package/emotion/cjs/components/Slider/Slider.js +13 -12
  393. package/emotion/cjs/components/Slider/Slider.stories.tsx +277 -0
  394. package/emotion/cjs/components/Slider/index.js +7 -6
  395. package/emotion/cjs/components/Spinner/Spinner.config.js +23 -107
  396. package/emotion/cjs/components/Spinner/Spinner.js +15 -23
  397. package/emotion/cjs/components/Spinner/Spinner.stories.tsx +109 -0
  398. package/emotion/cjs/components/Spinner/index.js +7 -6
  399. package/emotion/cjs/components/Steps/Steps.config.js +18 -105
  400. package/emotion/cjs/components/Steps/Steps.js +8 -12
  401. package/emotion/cjs/components/Steps/Steps.stories.tsx +191 -0
  402. package/emotion/cjs/components/Steps/index.js +7 -6
  403. package/emotion/cjs/components/Switch/Switch.config.js +31 -149
  404. package/emotion/cjs/components/Switch/Switch.js +8 -12
  405. package/emotion/cjs/components/Switch/Switch.stories.tsx +100 -0
  406. package/emotion/cjs/components/Switch/index.js +7 -6
  407. package/emotion/cjs/components/Table/Table.config.js +21 -257
  408. package/emotion/cjs/components/Table/Table.js +12 -12
  409. package/emotion/cjs/components/Table/Table.stories.tsx +551 -0
  410. package/emotion/cjs/components/Table/index.js +7 -6
  411. package/emotion/cjs/components/Tabs/TabItem.js +21 -26
  412. package/emotion/cjs/components/Tabs/Tabs.js +21 -26
  413. package/emotion/cjs/components/Tabs/Tabs.stories.tsx +639 -0
  414. package/emotion/cjs/components/Tabs/TabsController.js +16 -15
  415. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +30 -230
  416. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +37 -266
  417. package/emotion/cjs/components/Tabs/index.js +35 -27
  418. package/emotion/cjs/components/Tabs/vertical/VerticalTabItem.config.js +24 -125
  419. package/emotion/cjs/components/Tabs/vertical/VerticalTabs.config.js +24 -98
  420. package/emotion/cjs/components/TextArea/TextArea.config.js +42 -367
  421. package/emotion/cjs/components/TextArea/TextArea.js +12 -12
  422. package/emotion/cjs/components/TextArea/TextArea.stories.tsx +228 -0
  423. package/emotion/cjs/components/TextArea/index.js +7 -6
  424. package/emotion/cjs/components/TextField/TextField.config.js +40 -338
  425. package/emotion/cjs/components/TextField/TextField.js +11 -11
  426. package/emotion/cjs/components/TextField/TextField.stories.tsx +260 -0
  427. package/emotion/cjs/components/TextField/index.js +15 -16
  428. package/emotion/cjs/components/Toast/Toast.config.js +35 -127
  429. package/emotion/cjs/components/Toast/Toast.js +14 -26
  430. package/emotion/cjs/components/Toast/Toast.stories.tsx +156 -0
  431. package/emotion/cjs/components/Toast/index.js +20 -18
  432. package/emotion/cjs/components/ToastNew/ToastNew.config.js +21 -80
  433. package/emotion/cjs/components/ToastNew/ToastNew.js +8 -20
  434. package/emotion/cjs/components/ToastNew/ToastNew.stories.tsx +87 -0
  435. package/emotion/cjs/components/ToastNew/index.js +14 -15
  436. package/emotion/cjs/components/Tokens/Colors/Colors.stories.tsx +196 -0
  437. package/emotion/cjs/components/Tokens/Colors/Colors.styles.js +27 -147
  438. package/emotion/cjs/components/Tokens/NumberTokens/CornerRadius.stories.tsx +93 -0
  439. package/emotion/cjs/components/Tokens/NumberTokens/NumberTokens.styles.js +13 -70
  440. package/emotion/cjs/components/Tokens/NumberTokens/Spacing.stories.tsx +93 -0
  441. package/emotion/cjs/components/Tokens/Typography/Typography.stories.tsx +277 -0
  442. package/emotion/cjs/components/Tokens/Typography/Typography.styles.js +44 -204
  443. package/emotion/cjs/components/Toolbar/Toolbar.config.js +18 -57
  444. package/emotion/cjs/components/Toolbar/Toolbar.js +13 -21
  445. package/emotion/cjs/components/Toolbar/Toolbar.stories.tsx +64 -0
  446. package/emotion/cjs/components/Toolbar/index.js +21 -19
  447. package/emotion/cjs/components/Tooltip/Tooltip.config.js +19 -71
  448. package/emotion/cjs/components/Tooltip/Tooltip.js +7 -11
  449. package/emotion/cjs/components/Tooltip/Tooltip.stories.tsx +152 -0
  450. package/emotion/cjs/components/Tooltip/index.js +7 -6
  451. package/emotion/cjs/components/Tree/Tree.config.js +18 -83
  452. package/emotion/cjs/components/Tree/Tree.js +7 -11
  453. package/emotion/cjs/components/Tree/Tree.stories.tsx +146 -0
  454. package/emotion/cjs/components/Tree/index.js +7 -6
  455. package/emotion/cjs/components/Typography/Body.config.js +47 -161
  456. package/emotion/cjs/components/Typography/Dspl.config.js +31 -105
  457. package/emotion/cjs/components/Typography/Heading.config.js +47 -161
  458. package/emotion/cjs/components/Typography/Text.config.js +39 -133
  459. package/emotion/cjs/components/Typography/Typography.js +59 -116
  460. package/emotion/cjs/components/Typography/Typography.stories.tsx +243 -0
  461. package/emotion/cjs/components/Typography/index.js +106 -62
  462. package/emotion/cjs/components/ViewContainer/ViewContainer.config.js +14 -46
  463. package/emotion/cjs/components/ViewContainer/ViewContainer.js +7 -11
  464. package/emotion/cjs/components/ViewContainer/index.js +7 -6
  465. package/emotion/cjs/index.js +729 -82
  466. package/emotion/cjs/mixins/index.js +20 -61
  467. package/emotion/cjs/tokens/index.js +255 -126
  468. package/emotion/es/components/Accordion/Accordion.config.js +14 -92
  469. package/emotion/es/components/Accordion/Accordion.js +3 -3
  470. package/emotion/es/components/Accordion/Accordion.stories.tsx +159 -0
  471. package/emotion/es/components/Accordion/index.js +1 -1
  472. package/emotion/es/components/Attach/Attach.config.js +21 -258
  473. package/emotion/es/components/Attach/Attach.js +4 -2
  474. package/emotion/es/components/Attach/Attach.stories.tsx +157 -0
  475. package/emotion/es/components/Attach/index.js +1 -1
  476. package/emotion/es/components/Autocomplete/Autocomplete.config.js +25 -238
  477. package/emotion/es/components/Autocomplete/Autocomplete.js +2 -2
  478. package/emotion/es/components/Autocomplete/Autocomplete.stories.tsx +170 -0
  479. package/emotion/es/components/Autocomplete/index.js +1 -1
  480. package/emotion/es/components/Avatar/Avatar.config.js +26 -188
  481. package/emotion/es/components/Avatar/Avatar.js +3 -3
  482. package/emotion/es/components/Avatar/Avatar.stories.tsx +74 -0
  483. package/emotion/es/components/Avatar/index.js +1 -1
  484. package/emotion/es/components/AvatarGroup/AvatarGroup.js +2 -2
  485. package/emotion/es/components/AvatarGroup/AvatarGroup.stories.tsx +71 -0
  486. package/emotion/es/components/AvatarGroup/index.js +1 -1
  487. package/emotion/es/components/Badge/Badge.config.js +25 -136
  488. package/emotion/es/components/Badge/Badge.js +4 -2
  489. package/emotion/es/components/Badge/Badge.stories.tsx +87 -0
  490. package/emotion/es/components/Badge/index.js +1 -1
  491. package/emotion/es/components/Breadcrumbs/Breadcrumbs.config.js +13 -51
  492. package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +5 -3
  493. package/emotion/es/components/Breadcrumbs/Breadcrumbs.stories.tsx +82 -0
  494. package/emotion/es/components/Breadcrumbs/index.js +1 -1
  495. package/emotion/es/components/Button/Button.config.js +25 -165
  496. package/emotion/es/components/Button/Button.js +28 -89
  497. package/emotion/es/components/Button/Button.stories.tsx +212 -0
  498. package/emotion/es/components/Button/index.js +1 -1
  499. package/emotion/es/components/ButtonBase/index.js +1 -1
  500. package/emotion/es/components/ButtonGroup/ButtonGroup.config.js +33 -219
  501. package/emotion/es/components/ButtonGroup/ButtonGroup.js +4 -2
  502. package/emotion/es/components/ButtonGroup/ButtonGroup.stories.tsx +109 -0
  503. package/emotion/es/components/ButtonGroup/index.js +1 -1
  504. package/emotion/es/components/Calendar/Calendar.js +12 -12
  505. package/emotion/es/components/Calendar/Calendar.stories.tsx +304 -0
  506. package/emotion/es/components/Calendar/CalendarBase.config.js +13 -119
  507. package/emotion/es/components/Calendar/CalendarDouble.config.js +13 -119
  508. package/emotion/es/components/Calendar/index.js +1 -1
  509. package/emotion/es/components/Card/Card.config.js +15 -72
  510. package/emotion/es/components/Card/Card.js +6 -4
  511. package/emotion/es/components/Card/Card.stories.tsx +281 -0
  512. package/emotion/es/components/Card/index.js +1 -1
  513. package/emotion/es/components/Cell/Cell.config.js +11 -101
  514. package/emotion/es/components/Cell/Cell.js +5 -3
  515. package/emotion/es/components/Cell/Cell.stories.tsx +97 -0
  516. package/emotion/es/components/Cell/index.js +1 -1
  517. package/emotion/es/components/Checkbox/Checkbox.config.js +20 -95
  518. package/emotion/es/components/Checkbox/Checkbox.js +4 -3
  519. package/emotion/es/components/Checkbox/Checkbox.stories.tsx +232 -0
  520. package/emotion/es/components/Checkbox/index.js +1 -1
  521. package/emotion/es/components/Chip/Chip.config.js +20 -153
  522. package/emotion/es/components/Chip/Chip.js +5 -3
  523. package/emotion/es/components/Chip/Chip.stories.tsx +93 -0
  524. package/emotion/es/components/Chip/index.js +1 -1
  525. package/emotion/es/components/ChipGroup/ChipGroup.config.js +19 -118
  526. package/emotion/es/components/ChipGroup/ChipGroup.js +2 -2
  527. package/emotion/es/components/ChipGroup/ChipGroup.stories.tsx +79 -0
  528. package/emotion/es/components/ChipGroup/index.js +1 -1
  529. package/emotion/es/components/Combobox/Combobox.config.js +25 -304
  530. package/emotion/es/components/Combobox/Combobox.js +9 -36
  531. package/emotion/es/components/Combobox/Combobox.stories.tsx +604 -0
  532. package/emotion/es/components/Combobox/index.js +1 -1
  533. package/emotion/es/components/Counter/Counter.config.js +16 -86
  534. package/emotion/es/components/Counter/Counter.js +4 -2
  535. package/emotion/es/components/Counter/Counter.stories.tsx +34 -0
  536. package/emotion/es/components/Counter/index.js +1 -1
  537. package/emotion/es/components/DatePicker/DatePicker.config.js +19 -255
  538. package/emotion/es/components/DatePicker/DatePicker.js +4 -4
  539. package/emotion/es/components/DatePicker/DatePicker.stories.tsx +309 -0
  540. package/emotion/es/components/DatePicker/index.js +1 -1
  541. package/emotion/es/components/Divider/Divider.config.js +22 -100
  542. package/emotion/es/components/Divider/Divider.js +4 -2
  543. package/emotion/es/components/Divider/Divider.stories.tsx +58 -0
  544. package/emotion/es/components/Divider/index.js +1 -1
  545. package/emotion/es/components/Drawer/Drawer.config.js +17 -70
  546. package/emotion/es/components/Drawer/Drawer.js +16 -8
  547. package/emotion/es/components/Drawer/Drawer.stories.tsx +217 -0
  548. package/emotion/es/components/Drawer/index.js +1 -1
  549. package/emotion/es/components/Dropdown/Dropdown.config.js +13 -85
  550. package/emotion/es/components/Dropdown/Dropdown.js +9 -36
  551. package/emotion/es/components/Dropdown/Dropdown.stories.tsx +331 -0
  552. package/emotion/es/components/Dropdown/index.js +1 -1
  553. package/emotion/es/components/Dropzone/Dropzone.config.js +16 -77
  554. package/emotion/es/components/Dropzone/Dropzone.js +2 -2
  555. package/emotion/es/components/Dropzone/Dropzone.stories.tsx +58 -0
  556. package/emotion/es/components/Dropzone/index.js +1 -1
  557. package/emotion/es/components/EmptyState/EmptyState.config.js +13 -105
  558. package/emotion/es/components/EmptyState/EmptyState.js +2 -2
  559. package/emotion/es/components/EmptyState/EmptyState.stories.tsx +43 -0
  560. package/emotion/es/components/EmptyState/index.js +1 -1
  561. package/emotion/es/components/Flow/Flow.config.js +3 -3
  562. package/emotion/es/components/Flow/Flow.js +2 -2
  563. package/emotion/es/components/Flow/Flow.stories.tsx +133 -0
  564. package/emotion/es/components/Flow/index.js +1 -1
  565. package/emotion/es/components/Grid/Grid.config.js +14 -62
  566. package/emotion/es/components/Grid/Grid.js +2 -2
  567. package/emotion/es/components/Grid/Grid.stories.tsx +119 -0
  568. package/emotion/es/components/Grid/index.js +1 -1
  569. package/emotion/es/components/IconButton/IconButton.config.js +23 -137
  570. package/emotion/es/components/IconButton/IconButton.js +5 -3
  571. package/emotion/es/components/IconButton/IconButton.stories.tsx +94 -0
  572. package/emotion/es/components/IconButton/index.js +1 -1
  573. package/emotion/es/components/Image/Image.component-test.js +85 -0
  574. package/emotion/es/components/Image/Image.js +5 -3
  575. package/emotion/es/components/Image/Image.stories.tsx +44 -0
  576. package/emotion/es/components/Image/index.js +1 -1
  577. package/emotion/es/components/Indicator/Indicator.config.js +21 -129
  578. package/emotion/es/components/Indicator/Indicator.js +3 -3
  579. package/emotion/es/components/Indicator/Indicator.stories.tsx +34 -0
  580. package/emotion/es/components/Indicator/index.js +1 -1
  581. package/emotion/es/components/Link/Link.config.js +24 -205
  582. package/emotion/es/components/Link/Link.js +4 -3
  583. package/emotion/es/components/Link/Link.stories.tsx +57 -0
  584. package/emotion/es/components/Link/index.js +1 -1
  585. package/emotion/es/components/Mask/Mask.js +1 -1
  586. package/emotion/es/components/Mask/Mask.stories.tsx +176 -0
  587. package/emotion/es/components/Mask/index.js +1 -1
  588. package/emotion/es/components/Modal/Modal.config.js +10 -38
  589. package/emotion/es/components/Modal/Modal.js +5 -3
  590. package/emotion/es/components/Modal/Modal.stories.tsx +426 -0
  591. package/emotion/es/components/Modal/index.js +1 -1
  592. package/emotion/es/components/Notification/Notification.config.js +21 -154
  593. package/emotion/es/components/Notification/Notification.js +15 -11
  594. package/emotion/es/components/Notification/Notification.stories.tsx +221 -0
  595. package/emotion/es/components/Notification/index.js +1 -1
  596. package/emotion/es/components/NumberFormat/NumberFormat.js +9 -1
  597. package/emotion/es/components/NumberFormat/NumberFormat.stories.tsx +186 -0
  598. package/emotion/es/components/NumberFormat/index.js +1 -1
  599. package/emotion/es/components/NumberInput/NumberInput.config.js +29 -145
  600. package/emotion/es/components/NumberInput/NumberInput.js +2 -2
  601. package/emotion/es/components/NumberInput/NumberInput.stories.tsx +81 -0
  602. package/emotion/es/components/NumberInput/index.js +1 -1
  603. package/emotion/es/components/Overlay/Overlay.stories.tsx +76 -0
  604. package/emotion/es/components/Overlay/index.js +1 -1
  605. package/emotion/es/components/Pagination/Pagination.component-test.js +293 -0
  606. package/emotion/es/components/Pagination/Pagination.config.js +21 -130
  607. package/emotion/es/components/Pagination/Pagination.js +5 -3
  608. package/emotion/es/components/Pagination/Pagination.stories.tsx +139 -0
  609. package/emotion/es/components/Pagination/index.js +1 -1
  610. package/emotion/es/components/Popover/Popover.config.js +10 -34
  611. package/emotion/es/components/Popover/Popover.js +2 -2
  612. package/emotion/es/components/Popover/Popover.stories.tsx +127 -0
  613. package/emotion/es/components/Popover/index.js +1 -1
  614. package/emotion/es/components/Popover/style.css +4 -0
  615. package/emotion/es/components/Popup/Popup.js +4 -2
  616. package/emotion/es/components/Popup/Popup.stories.tsx +171 -0
  617. package/emotion/es/components/Popup/index.js +1 -1
  618. package/emotion/es/components/Portal/Portal.stories.tsx +57 -0
  619. package/emotion/es/components/Portal/index.js +1 -1
  620. package/emotion/es/components/Price/Price.config.js +7 -7
  621. package/emotion/es/components/Price/Price.js +5 -3
  622. package/emotion/es/components/Price/Price.stories.tsx +34 -0
  623. package/emotion/es/components/Price/index.js +1 -1
  624. package/emotion/es/components/Progress/Progress.config.js +16 -86
  625. package/emotion/es/components/Progress/Progress.js +3 -3
  626. package/emotion/es/components/Progress/Progress.stories.tsx +32 -0
  627. package/emotion/es/components/Progress/index.js +1 -1
  628. package/emotion/es/components/Radiobox/Radiobox.config.js +26 -97
  629. package/emotion/es/components/Radiobox/Radiobox.js +5 -4
  630. package/emotion/es/components/Radiobox/Radiobox.stories.tsx +139 -0
  631. package/emotion/es/components/Radiobox/index.js +1 -1
  632. package/emotion/es/components/Range/Range.config.js +19 -148
  633. package/emotion/es/components/Range/Range.js +4 -2
  634. package/emotion/es/components/Range/Range.stories.tsx +343 -0
  635. package/emotion/es/components/Range/index.js +1 -1
  636. package/emotion/es/components/Rating/Rating.config.js +15 -108
  637. package/emotion/es/components/Rating/Rating.js +2 -2
  638. package/emotion/es/components/Rating/Rating.stories.tsx +125 -0
  639. package/emotion/es/components/Rating/index.js +1 -1
  640. package/emotion/es/components/SSRProvider/index.js +1 -1
  641. package/emotion/es/components/Segment/Segment.js +10 -5
  642. package/emotion/es/components/Segment/Segment.stories.tsx +162 -0
  643. package/emotion/es/components/Segment/SegmentGroup.config.js +29 -121
  644. package/emotion/es/components/Segment/SegmentItem.config.js +20 -115
  645. package/emotion/es/components/Segment/index.js +1 -1
  646. package/emotion/es/components/Select/Select.config.js +29 -295
  647. package/emotion/es/components/Select/Select.js +9 -36
  648. package/emotion/es/components/Select/Select.stories.tsx +642 -0
  649. package/emotion/es/components/Select/index.js +1 -1
  650. package/emotion/es/components/Select/style.css +37 -0
  651. package/emotion/es/components/Sheet/Sheet.config.js +13 -54
  652. package/emotion/es/components/Sheet/Sheet.js +5 -3
  653. package/emotion/es/components/Sheet/Sheet.stories.tsx +361 -0
  654. package/emotion/es/components/Sheet/index.js +1 -1
  655. package/emotion/es/components/Skeleton/LineSkeleton.config.js +26 -221
  656. package/emotion/es/components/Skeleton/Skeleton.js +4 -4
  657. package/emotion/es/components/Skeleton/Skeleton.stories.tsx +116 -0
  658. package/emotion/es/components/Skeleton/index.js +1 -1
  659. package/emotion/es/components/Slider/Slider.component-test.js +220 -0
  660. package/emotion/es/components/Slider/Slider.config.js +17 -138
  661. package/emotion/es/components/Slider/Slider.js +5 -3
  662. package/emotion/es/components/Slider/Slider.stories.tsx +277 -0
  663. package/emotion/es/components/Slider/index.js +1 -1
  664. package/emotion/es/components/Spinner/Spinner.config.js +18 -98
  665. package/emotion/es/components/Spinner/Spinner.js +6 -8
  666. package/emotion/es/components/Spinner/Spinner.stories.tsx +109 -0
  667. package/emotion/es/components/Spinner/index.js +1 -1
  668. package/emotion/es/components/Steps/Steps.config.js +13 -96
  669. package/emotion/es/components/Steps/Steps.js +3 -3
  670. package/emotion/es/components/Steps/Steps.stories.tsx +191 -0
  671. package/emotion/es/components/Steps/index.js +1 -1
  672. package/emotion/es/components/Switch/Switch.config.js +26 -140
  673. package/emotion/es/components/Switch/Switch.js +3 -3
  674. package/emotion/es/components/Switch/Switch.stories.tsx +100 -0
  675. package/emotion/es/components/Switch/index.js +1 -1
  676. package/emotion/es/components/Table/Table.config.js +16 -248
  677. package/emotion/es/components/Table/Table.js +5 -3
  678. package/emotion/es/components/Table/Table.stories.tsx +551 -0
  679. package/emotion/es/components/Table/index.js +1 -1
  680. package/emotion/es/components/Tabs/TabItem.js +11 -10
  681. package/emotion/es/components/Tabs/Tabs.js +11 -10
  682. package/emotion/es/components/Tabs/Tabs.stories.tsx +639 -0
  683. package/emotion/es/components/Tabs/TabsController.js +7 -5
  684. package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -221
  685. package/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +32 -257
  686. package/emotion/es/components/Tabs/index.js +1 -1
  687. package/emotion/es/components/Tabs/vertical/VerticalTabItem.config.js +19 -116
  688. package/emotion/es/components/Tabs/vertical/VerticalTabs.config.js +19 -89
  689. package/emotion/es/components/TextArea/TextArea.config.js +37 -358
  690. package/emotion/es/components/TextArea/TextArea.js +5 -3
  691. package/emotion/es/components/TextArea/TextArea.stories.tsx +228 -0
  692. package/emotion/es/components/TextArea/index.js +1 -1
  693. package/emotion/es/components/TextField/TextField.config.js +35 -329
  694. package/emotion/es/components/TextField/TextField.js +4 -2
  695. package/emotion/es/components/TextField/TextField.stories.tsx +260 -0
  696. package/emotion/es/components/TextField/index.js +1 -1
  697. package/emotion/es/components/Toast/Toast.config.js +30 -118
  698. package/emotion/es/components/Toast/Toast.js +4 -4
  699. package/emotion/es/components/Toast/Toast.stories.tsx +156 -0
  700. package/emotion/es/components/Toast/index.js +1 -1
  701. package/emotion/es/components/ToastNew/ToastNew.config.js +16 -71
  702. package/emotion/es/components/ToastNew/ToastNew.js +3 -3
  703. package/emotion/es/components/ToastNew/ToastNew.stories.tsx +87 -0
  704. package/emotion/es/components/ToastNew/index.js +1 -1
  705. package/emotion/es/components/Tokens/Colors/Colors.stories.tsx +196 -0
  706. package/emotion/es/components/Tokens/Colors/Colors.styles.js +19 -90
  707. package/emotion/es/components/Tokens/NumberTokens/CornerRadius.stories.tsx +93 -0
  708. package/emotion/es/components/Tokens/NumberTokens/NumberTokens.styles.js +8 -37
  709. package/emotion/es/components/Tokens/NumberTokens/Spacing.stories.tsx +93 -0
  710. package/emotion/es/components/Tokens/Typography/Typography.stories.tsx +277 -0
  711. package/emotion/es/components/Tokens/Typography/Typography.styles.js +36 -135
  712. package/emotion/es/components/Toolbar/Toolbar.config.js +13 -48
  713. package/emotion/es/components/Toolbar/Toolbar.js +6 -4
  714. package/emotion/es/components/Toolbar/Toolbar.stories.tsx +64 -0
  715. package/emotion/es/components/Toolbar/index.js +1 -1
  716. package/emotion/es/components/Tooltip/Tooltip.config.js +14 -62
  717. package/emotion/es/components/Tooltip/Tooltip.js +2 -2
  718. package/emotion/es/components/Tooltip/Tooltip.stories.tsx +152 -0
  719. package/emotion/es/components/Tooltip/index.js +1 -1
  720. package/emotion/es/components/Tree/Tree.config.js +13 -74
  721. package/emotion/es/components/Tree/Tree.js +2 -2
  722. package/emotion/es/components/Tree/Tree.stories.tsx +146 -0
  723. package/emotion/es/components/Tree/index.js +1 -1
  724. package/emotion/es/components/Typography/Body.config.js +38 -131
  725. package/emotion/es/components/Typography/Dspl.config.js +24 -83
  726. package/emotion/es/components/Typography/Heading.config.js +38 -131
  727. package/emotion/es/components/Typography/Text.config.js +31 -107
  728. package/emotion/es/components/Typography/Typography.js +35 -35
  729. package/emotion/es/components/Typography/Typography.stories.tsx +243 -0
  730. package/emotion/es/components/Typography/index.js +1 -1
  731. package/emotion/es/components/ViewContainer/ViewContainer.config.js +8 -36
  732. package/emotion/es/components/ViewContainer/ViewContainer.js +2 -2
  733. package/emotion/es/components/ViewContainer/index.js +1 -1
  734. package/emotion/es/index.js +1 -2
  735. package/emotion/es/mixins/index.js +1 -1
  736. package/emotion/es/tokens/index.js +1 -1
  737. package/es/components/Accordion/Accordion.config.js +14 -92
  738. package/es/components/Accordion/Accordion.js +3 -3
  739. package/es/components/Accordion/index.js +1 -1
  740. package/es/components/Attach/Attach.config.js +21 -258
  741. package/es/components/Attach/Attach.js +4 -2
  742. package/es/components/Attach/index.js +1 -1
  743. package/es/components/Autocomplete/Autocomplete.config.js +25 -238
  744. package/es/components/Autocomplete/Autocomplete.js +2 -2
  745. package/es/components/Autocomplete/index.js +1 -1
  746. package/es/components/Avatar/Avatar.config.js +26 -188
  747. package/es/components/Avatar/Avatar.js +3 -3
  748. package/es/components/Avatar/index.js +1 -1
  749. package/es/components/AvatarGroup/AvatarGroup.js +2 -2
  750. package/es/components/AvatarGroup/index.js +1 -1
  751. package/es/components/Badge/Badge.config.js +25 -136
  752. package/es/components/Badge/Badge.js +4 -2
  753. package/es/components/Badge/index.js +1 -1
  754. package/es/components/Breadcrumbs/Breadcrumbs.config.js +13 -51
  755. package/es/components/Breadcrumbs/Breadcrumbs.js +5 -3
  756. package/es/components/Breadcrumbs/index.js +1 -1
  757. package/es/components/Button/Button.config.js +25 -165
  758. package/es/components/Button/Button.js +28 -89
  759. package/es/components/Button/index.js +1 -1
  760. package/es/components/ButtonBase/index.js +1 -1
  761. package/es/components/ButtonGroup/ButtonGroup.config.js +33 -219
  762. package/es/components/ButtonGroup/ButtonGroup.js +4 -2
  763. package/es/components/ButtonGroup/index.js +1 -1
  764. package/es/components/Calendar/Calendar.js +12 -12
  765. package/es/components/Calendar/CalendarBase.config.js +13 -119
  766. package/es/components/Calendar/CalendarDouble.config.js +13 -119
  767. package/es/components/Calendar/index.js +1 -1
  768. package/es/components/Card/Card.config.js +15 -72
  769. package/es/components/Card/Card.js +6 -4
  770. package/es/components/Card/index.js +1 -1
  771. package/es/components/Cell/Cell.config.js +11 -101
  772. package/es/components/Cell/Cell.js +5 -3
  773. package/es/components/Cell/index.js +1 -1
  774. package/es/components/Checkbox/Checkbox.config.js +20 -95
  775. package/es/components/Checkbox/Checkbox.js +4 -3
  776. package/es/components/Checkbox/index.js +1 -1
  777. package/es/components/Chip/Chip.config.js +20 -153
  778. package/es/components/Chip/Chip.js +5 -3
  779. package/es/components/Chip/index.js +1 -1
  780. package/es/components/ChipGroup/ChipGroup.config.js +19 -118
  781. package/es/components/ChipGroup/ChipGroup.js +2 -2
  782. package/es/components/ChipGroup/index.js +1 -1
  783. package/es/components/Combobox/Combobox.config.js +25 -304
  784. package/es/components/Combobox/Combobox.js +9 -36
  785. package/es/components/Combobox/index.js +1 -1
  786. package/es/components/Counter/Counter.config.js +16 -86
  787. package/es/components/Counter/Counter.js +4 -2
  788. package/es/components/Counter/index.js +1 -1
  789. package/es/components/DatePicker/DatePicker.config.js +19 -255
  790. package/es/components/DatePicker/DatePicker.js +4 -4
  791. package/es/components/DatePicker/index.js +1 -1
  792. package/es/components/Divider/Divider.config.js +22 -100
  793. package/es/components/Divider/Divider.js +4 -2
  794. package/es/components/Divider/index.js +1 -1
  795. package/es/components/Drawer/Drawer.config.js +17 -70
  796. package/es/components/Drawer/Drawer.js +16 -8
  797. package/es/components/Drawer/index.js +1 -1
  798. package/es/components/Dropdown/Dropdown.config.js +13 -85
  799. package/es/components/Dropdown/Dropdown.js +9 -36
  800. package/es/components/Dropdown/index.js +1 -1
  801. package/es/components/Dropzone/Dropzone.config.js +16 -77
  802. package/es/components/Dropzone/Dropzone.js +2 -2
  803. package/es/components/Dropzone/index.js +1 -1
  804. package/es/components/EmptyState/EmptyState.config.js +13 -105
  805. package/es/components/EmptyState/EmptyState.js +2 -2
  806. package/es/components/EmptyState/index.js +1 -1
  807. package/es/components/Flow/Flow.config.js +3 -3
  808. package/es/components/Flow/Flow.js +2 -2
  809. package/es/components/Flow/index.js +1 -1
  810. package/es/components/Grid/Grid.config.js +14 -62
  811. package/es/components/Grid/Grid.js +2 -2
  812. package/es/components/Grid/index.js +1 -1
  813. package/es/components/IconButton/IconButton.config.js +23 -137
  814. package/es/components/IconButton/IconButton.js +5 -3
  815. package/es/components/IconButton/index.js +1 -1
  816. package/es/components/Image/Image.component-test.js +86 -0
  817. package/es/components/Image/Image.js +5 -3
  818. package/es/components/Image/index.js +1 -1
  819. package/es/components/Indicator/Indicator.config.js +21 -129
  820. package/es/components/Indicator/Indicator.js +3 -3
  821. package/es/components/Indicator/index.js +1 -1
  822. package/es/components/Link/Link.config.js +24 -205
  823. package/es/components/Link/Link.js +4 -3
  824. package/es/components/Link/index.js +1 -1
  825. package/es/components/Mask/Mask.js +1 -1
  826. package/es/components/Mask/index.js +1 -1
  827. package/es/components/Modal/Modal.config.js +10 -38
  828. package/es/components/Modal/Modal.js +5 -3
  829. package/es/components/Modal/index.js +1 -1
  830. package/es/components/Notification/Notification.config.js +21 -154
  831. package/es/components/Notification/Notification.js +15 -11
  832. package/es/components/Notification/index.js +1 -1
  833. package/es/components/NumberFormat/NumberFormat.js +9 -1
  834. package/es/components/NumberFormat/index.js +1 -1
  835. package/es/components/NumberInput/NumberInput.config.js +29 -145
  836. package/es/components/NumberInput/NumberInput.js +2 -2
  837. package/es/components/NumberInput/index.js +1 -1
  838. package/es/components/Overlay/index.js +1 -1
  839. package/es/components/Pagination/Pagination.component-test.js +293 -0
  840. package/es/components/Pagination/Pagination.config.js +21 -130
  841. package/es/components/Pagination/Pagination.js +5 -3
  842. package/es/components/Pagination/index.js +1 -1
  843. package/es/components/Popover/Popover.config.js +10 -34
  844. package/es/components/Popover/Popover.js +2 -2
  845. package/es/components/Popover/index.js +1 -1
  846. package/es/components/Popup/Popup.js +4 -2
  847. package/es/components/Popup/index.js +1 -1
  848. package/es/components/Portal/index.js +1 -1
  849. package/es/components/Price/Price.config.js +7 -7
  850. package/es/components/Price/Price.js +5 -3
  851. package/es/components/Price/index.js +1 -1
  852. package/es/components/Progress/Progress.config.js +16 -86
  853. package/es/components/Progress/Progress.js +3 -3
  854. package/es/components/Progress/index.js +1 -1
  855. package/es/components/Radiobox/Radiobox.config.js +26 -97
  856. package/es/components/Radiobox/Radiobox.js +5 -4
  857. package/es/components/Radiobox/index.js +1 -1
  858. package/es/components/Range/Range.config.js +19 -148
  859. package/es/components/Range/Range.js +4 -2
  860. package/es/components/Range/index.js +1 -1
  861. package/es/components/Rating/Rating.config.js +15 -108
  862. package/es/components/Rating/Rating.js +2 -2
  863. package/es/components/Rating/index.js +1 -1
  864. package/es/components/SSRProvider/index.js +1 -1
  865. package/es/components/Segment/Segment.js +10 -5
  866. package/es/components/Segment/SegmentGroup.config.js +29 -121
  867. package/es/components/Segment/SegmentItem.config.js +20 -115
  868. package/es/components/Segment/index.js +1 -1
  869. package/es/components/Select/Select.config.js +29 -295
  870. package/es/components/Select/Select.js +9 -36
  871. package/es/components/Select/index.js +1 -1
  872. package/es/components/Sheet/Sheet.config.js +13 -54
  873. package/es/components/Sheet/Sheet.js +5 -3
  874. package/es/components/Sheet/index.js +1 -1
  875. package/es/components/Skeleton/LineSkeleton.config.js +26 -221
  876. package/es/components/Skeleton/Skeleton.js +4 -4
  877. package/es/components/Skeleton/index.js +1 -1
  878. package/es/components/Slider/Slider.component-test.js +220 -0
  879. package/es/components/Slider/Slider.config.js +17 -138
  880. package/es/components/Slider/Slider.js +5 -3
  881. package/es/components/Slider/index.js +1 -1
  882. package/es/components/Spinner/Spinner.config.js +18 -98
  883. package/es/components/Spinner/Spinner.js +6 -8
  884. package/es/components/Spinner/index.js +1 -1
  885. package/es/components/Steps/Steps.config.js +13 -96
  886. package/es/components/Steps/Steps.js +3 -3
  887. package/es/components/Steps/index.js +1 -1
  888. package/es/components/Switch/Switch.config.js +26 -140
  889. package/es/components/Switch/Switch.js +3 -3
  890. package/es/components/Switch/index.js +1 -1
  891. package/es/components/Table/Table.config.js +16 -248
  892. package/es/components/Table/Table.js +5 -3
  893. package/es/components/Table/index.js +1 -1
  894. package/es/components/Tabs/TabItem.js +11 -10
  895. package/es/components/Tabs/Tabs.js +11 -10
  896. package/es/components/Tabs/TabsController.js +7 -5
  897. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +25 -221
  898. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +32 -257
  899. package/es/components/Tabs/index.js +1 -1
  900. package/es/components/Tabs/vertical/VerticalTabItem.config.js +19 -116
  901. package/es/components/Tabs/vertical/VerticalTabs.config.js +19 -89
  902. package/es/components/TextArea/TextArea.config.js +37 -358
  903. package/es/components/TextArea/TextArea.js +5 -3
  904. package/es/components/TextArea/index.js +1 -1
  905. package/es/components/TextField/TextField.config.js +35 -329
  906. package/es/components/TextField/TextField.js +4 -2
  907. package/es/components/TextField/index.js +1 -1
  908. package/es/components/Toast/Toast.config.js +30 -118
  909. package/es/components/Toast/Toast.js +4 -4
  910. package/es/components/Toast/index.js +1 -1
  911. package/es/components/ToastNew/ToastNew.config.js +16 -71
  912. package/es/components/ToastNew/ToastNew.js +3 -3
  913. package/es/components/ToastNew/index.js +1 -1
  914. package/es/components/Tokens/Colors/Colors.styles.js +43 -90
  915. package/es/components/Tokens/NumberTokens/NumberTokens.styles.js +18 -37
  916. package/es/components/Tokens/Typography/Typography.styles.js +68 -135
  917. package/es/components/Toolbar/Toolbar.config.js +13 -48
  918. package/es/components/Toolbar/Toolbar.js +6 -4
  919. package/es/components/Toolbar/index.js +1 -1
  920. package/es/components/Tooltip/Tooltip.config.js +14 -62
  921. package/es/components/Tooltip/Tooltip.js +2 -2
  922. package/es/components/Tooltip/index.js +1 -1
  923. package/es/components/Tree/Tree.config.js +13 -74
  924. package/es/components/Tree/Tree.js +2 -2
  925. package/es/components/Tree/index.js +1 -1
  926. package/es/components/Typography/Body.config.js +38 -131
  927. package/es/components/Typography/Dspl.config.js +24 -83
  928. package/es/components/Typography/Heading.config.js +38 -131
  929. package/es/components/Typography/Text.config.js +31 -107
  930. package/es/components/Typography/Typography.js +35 -35
  931. package/es/components/Typography/index.js +1 -1
  932. package/es/components/ViewContainer/ViewContainer.config.js +8 -36
  933. package/es/components/ViewContainer/ViewContainer.js +2 -2
  934. package/es/components/ViewContainer/index.js +1 -1
  935. package/es/index.js +1 -2
  936. package/es/mixins/index.js +1 -1
  937. package/es/tokens/index.js +1 -1
  938. package/index.d.ts +0 -1
  939. package/index.js +729 -82
  940. package/mixins/index.js +20 -61
  941. package/package.json +12 -12
  942. package/tokens/index.js +255 -126
  943. package/components/Carousel/Carousel.config.d.ts +0 -14
  944. package/components/Carousel/Carousel.config.js +0 -62
  945. package/components/Carousel/Carousel.d.ts +0 -9
  946. package/components/Carousel/Carousel.js +0 -14
  947. package/components/Carousel/index.d.ts +0 -2
  948. package/components/Carousel/index.js +0 -20
  949. package/emotion/cjs/components/Carousel/Carousel.config.js +0 -62
  950. package/emotion/cjs/components/Carousel/Carousel.js +0 -14
  951. package/emotion/cjs/components/Carousel/index.js +0 -20
  952. package/emotion/cjs/helpers/index.js +0 -25
  953. package/emotion/es/components/Carousel/Carousel.config.js +0 -52
  954. package/emotion/es/components/Carousel/Carousel.js +0 -5
  955. package/emotion/es/components/Carousel/index.js +0 -2
  956. package/es/components/Carousel/Carousel.config.js +0 -52
  957. package/es/components/Carousel/Carousel.js +0 -5
  958. package/es/components/Carousel/index.js +0 -2
  959. /package/emotion/{es/helpers/index.js → cjs/helpers/index.ts} +0 -0
  960. /package/{es/helpers/index.js → emotion/es/helpers/index.ts} +0 -0
@@ -1,150 +1,35 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
- Object.defineProperty(exports, "config", {
6
- enumerable: true,
7
- get: function() {
8
- return config;
9
- }
10
- });
11
- var _emotion = require("@salutejs/plasma-new-hope/emotion");
12
- function _tagged_template_literal(strings, raw) {
13
- if (!raw) {
14
- raw = strings.slice(0);
15
- }
16
- return Object.freeze(Object.defineProperties(strings, {
17
- raw: {
18
- value: Object.freeze(raw)
19
- }
20
- }));
21
- }
22
- function _templateObject() {
23
- var data = _tagged_template_literal([
24
- "\n ",
25
- ": var(--inverse-text-primary);\n ",
26
- ": var(--surface-solid-default);\n\n ",
27
- ": var(--text-primary);\n "
28
- ]);
29
- _templateObject = function _templateObject() {
30
- return data;
31
- };
32
- return data;
33
- }
34
- function _templateObject1() {
35
- var data = _tagged_template_literal([
36
- "\n ",
37
- ": var(--on-dark-text-primary);\n ",
38
- ": var(--surface-accent);\n\n ",
39
- ": var(--text-accent);\n ",
40
- ": var(--text-accent);\n "
41
- ]);
42
- _templateObject1 = function _templateObject() {
43
- return data;
44
- };
45
- return data;
46
- }
47
- function _templateObject2() {
48
- var data = _tagged_template_literal([
49
- "\n ",
50
- ": var(--on-dark-text-primary);\n ",
51
- ": var(--surface-positive);\n\n ",
52
- ": var(--text-positive);\n ",
53
- ": var(--text-positive);\n "
54
- ]);
55
- _templateObject2 = function _templateObject() {
56
- return data;
57
- };
58
- return data;
59
- }
60
- function _templateObject3() {
61
- var data = _tagged_template_literal([
62
- "\n ",
63
- ": var(--on-dark-text-primary);\n ",
64
- ": var(--surface-negative);\n\n ",
65
- ": var(--text-negative);\n ",
66
- ": var(--text-negative);\n "
67
- ]);
68
- _templateObject3 = function _templateObject() {
69
- return data;
70
- };
71
- return data;
72
- }
73
- function _templateObject4() {
74
- var data = _tagged_template_literal([
75
- "\n ",
76
- ": 0.375rem;\n ",
77
- ": 1.5rem;\n ",
78
- ": 0 0.5rem;\n ",
79
- ": 0 0.375rem;\n\n ",
80
- ": var(--plasma-typo-body-s-font-family);\n ",
81
- ": var(--plasma-typo-body-s-font-size);\n ",
82
- ": var(--plasma-typo-body-s-font-style);\n ",
83
- ": var(--plasma-typo-body-s-font-weight);\n ",
84
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
85
- ": var(--plasma-typo-body-s-line-height);\n\n ",
86
- ": -0.0625rem;\n ",
87
- ": 0.125rem;\n\n ",
88
- ": 0.125rem;\n ",
89
- ": -0.0625rem;\n "
90
- ]);
91
- _templateObject4 = function _templateObject() {
92
- return data;
93
- };
94
- return data;
95
- }
96
- function _templateObject5() {
97
- var data = _tagged_template_literal([
98
- "\n ",
99
- ": 1.25rem;\n "
100
- ]);
101
- _templateObject5 = function _templateObject() {
102
- return data;
103
- };
104
- return data;
105
- }
106
- function _templateObject6() {
107
- var data = _tagged_template_literal([
108
- ""
109
- ]);
110
- _templateObject6 = function _templateObject() {
111
- return data;
112
- };
113
- return data;
114
- }
115
- function _templateObject7() {
116
- var data = _tagged_template_literal([
117
- "\n ",
118
- ": var(--surface-clear);\n "
119
- ]);
120
- _templateObject7 = function _templateObject() {
121
- return data;
122
- };
123
- return data;
124
- }
125
- var config = {
126
- defaults: {
127
- view: 'default',
128
- size: 's'
6
+ exports.config = void 0;
7
+ var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
8
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
9
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
+ var config = exports.config = {
11
+ defaults: {
12
+ view: 'default',
13
+ size: 's'
14
+ },
15
+ variations: {
16
+ view: {
17
+ "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n\n ", ": var(--text-primary);\n "])), _emotion.badgeTokens.color, _emotion.badgeTokens.background, _emotion.badgeTokens.colorClear),
18
+ accent: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n\n ", ": var(--text-accent);\n ", ": var(--text-accent);\n "])), _emotion.badgeTokens.color, _emotion.badgeTokens.background, _emotion.badgeTokens.colorTransparent, _emotion.badgeTokens.colorClear),
19
+ positive: /*#__PURE__*/(0, _emotion.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-positive);\n\n ", ": var(--text-positive);\n ", ": var(--text-positive);\n "])), _emotion.badgeTokens.color, _emotion.badgeTokens.background, _emotion.badgeTokens.colorTransparent, _emotion.badgeTokens.colorClear),
20
+ negative: /*#__PURE__*/(0, _emotion.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-negative);\n\n ", ": var(--text-negative);\n ", ": var(--text-negative);\n "])), _emotion.badgeTokens.color, _emotion.badgeTokens.background, _emotion.badgeTokens.colorTransparent, _emotion.badgeTokens.colorClear)
21
+ },
22
+ size: {
23
+ s: /*#__PURE__*/(0, _emotion.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.375rem;\n ", ": 1.5rem;\n ", ": 0 0.5rem;\n ", ": 0 0.375rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n\n ", ": -0.0625rem;\n ", ": 0.125rem;\n\n ", ": 0.125rem;\n ", ": -0.0625rem;\n "])), _emotion.badgeTokens.borderRadius, _emotion.badgeTokens.height, _emotion.badgeTokens.padding, _emotion.badgeTokens.paddingIconOnly, _emotion.badgeTokens.fontFamily, _emotion.badgeTokens.fontSize, _emotion.badgeTokens.fontStyle, _emotion.badgeTokens.fontWeight, _emotion.badgeTokens.letterSpacing, _emotion.badgeTokens.lineHeight, _emotion.badgeTokens.leftContentMarginLeft, _emotion.badgeTokens.leftContentMarginRight, _emotion.badgeTokens.rightContentMarginLeft, _emotion.badgeTokens.rightContentMarginRight)
24
+ },
25
+ pilled: {
26
+ "true": /*#__PURE__*/(0, _emotion.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1.25rem;\n "])), _emotion.badgeTokens.pilledBorderRadius)
27
+ },
28
+ transparent: {
29
+ "true": /*#__PURE__*/(0, _emotion.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral([""])))
129
30
  },
130
- variations: {
131
- view: {
132
- default: (0, _emotion.css)(_templateObject(), _emotion.badgeTokens.color, _emotion.badgeTokens.background, _emotion.badgeTokens.colorClear),
133
- accent: (0, _emotion.css)(_templateObject1(), _emotion.badgeTokens.color, _emotion.badgeTokens.background, _emotion.badgeTokens.colorTransparent, _emotion.badgeTokens.colorClear),
134
- positive: (0, _emotion.css)(_templateObject2(), _emotion.badgeTokens.color, _emotion.badgeTokens.background, _emotion.badgeTokens.colorTransparent, _emotion.badgeTokens.colorClear),
135
- negative: (0, _emotion.css)(_templateObject3(), _emotion.badgeTokens.color, _emotion.badgeTokens.background, _emotion.badgeTokens.colorTransparent, _emotion.badgeTokens.colorClear)
136
- },
137
- size: {
138
- s: (0, _emotion.css)(_templateObject4(), _emotion.badgeTokens.borderRadius, _emotion.badgeTokens.height, _emotion.badgeTokens.padding, _emotion.badgeTokens.paddingIconOnly, _emotion.badgeTokens.fontFamily, _emotion.badgeTokens.fontSize, _emotion.badgeTokens.fontStyle, _emotion.badgeTokens.fontWeight, _emotion.badgeTokens.letterSpacing, _emotion.badgeTokens.lineHeight, _emotion.badgeTokens.leftContentMarginLeft, _emotion.badgeTokens.leftContentMarginRight, _emotion.badgeTokens.rightContentMarginLeft, _emotion.badgeTokens.rightContentMarginRight)
139
- },
140
- pilled: {
141
- true: (0, _emotion.css)(_templateObject5(), _emotion.badgeTokens.pilledBorderRadius)
142
- },
143
- transparent: {
144
- true: (0, _emotion.css)(_templateObject6())
145
- },
146
- clear: {
147
- true: (0, _emotion.css)(_templateObject7(), _emotion.badgeTokens.backgroundClear)
148
- }
31
+ clear: {
32
+ "true": /*#__PURE__*/(0, _emotion.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-clear);\n "])), _emotion.badgeTokens.backgroundClear)
149
33
  }
150
- };
34
+ }
35
+ };
@@ -1,14 +1,14 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
- Object.defineProperty(exports, "Badge", {
6
- enumerable: true,
7
- get: function() {
8
- return Badge;
9
- }
10
- });
11
- var _emotion = require("@salutejs/plasma-new-hope/emotion");
12
- var _Badgeconfig = require("./Badge.config");
13
- var mergedConfig = (0, _emotion.mergeConfig)(_emotion.badgeConfig, _Badgeconfig.config);
14
- var Badge = (0, _emotion.component)(mergedConfig);
6
+ exports.Badge = void 0;
7
+ var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
8
+ var _Badge = /*#__PURE__*/require("./Badge.config");
9
+ var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.badgeConfig, _Badge.config);
10
+
11
+ /**
12
+ * Компонент Badge.
13
+ */
14
+ var Badge = exports.Badge = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
@@ -0,0 +1,87 @@
1
+ import React, { ComponentProps } from 'react';
2
+ import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
3
+ import type { StoryObj, Meta } from '@storybook/react';
4
+
5
+ import { Badge } from './Badge';
6
+
7
+ const meta: Meta<typeof Badge> = {
8
+ title: 'Data Display/Badge',
9
+ component: Badge,
10
+ decorators: [InSpacingDecorator],
11
+ argTypes: {
12
+ size: {
13
+ options: ['s'],
14
+ control: {
15
+ type: 'select',
16
+ },
17
+ },
18
+ view: {
19
+ options: ['default', 'accent', 'positive', 'negative'],
20
+ control: {
21
+ type: 'select',
22
+ },
23
+ },
24
+ pilled: {
25
+ control: { type: 'boolean' },
26
+ if: { arg: 'clear', truthy: false },
27
+ },
28
+ text: {
29
+ control: { type: 'text' },
30
+ if: { arg: 'enableText', truthy: true },
31
+ },
32
+ ...disableProps(['contentLeft', 'contentRight', 'transparent', 'size']),
33
+ },
34
+ };
35
+
36
+ export default meta;
37
+
38
+ type StoryProps = ComponentProps<typeof Badge> & {
39
+ enableContentLeft: boolean;
40
+ enableContentRight: boolean;
41
+ enableText: boolean;
42
+ };
43
+ type Story = StoryObj<StoryProps>;
44
+
45
+ const BellIcon = (props) => (
46
+ <svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
47
+ <path
48
+ d="M11.501 21.28c1.088 0 1.978-.889 1.978-1.977H9.524c0 1.088.88 1.978 1.977 1.978zm5.933-5.932v-4.944c0-3.035-1.622-5.576-4.45-6.248v-.673c0-.82-.662-1.483-1.483-1.483-.82 0-1.483.662-1.483 1.483v.672c-2.838.673-4.45 3.204-4.45 6.25v4.943l-1.275 1.276c-.623.623-.188 1.69.692 1.69h13.022c.88 0 1.325-1.067.702-1.69l-1.275-1.276z"
49
+ fill="currentColor"
50
+ />
51
+ </svg>
52
+ );
53
+
54
+ export const Default: Story = {
55
+ argTypes: {
56
+ enableContentLeft: {
57
+ control: { type: 'boolean' },
58
+ if: { arg: 'enableContentRight', truthy: false },
59
+ },
60
+ enableContentRight: {
61
+ control: { type: 'boolean' },
62
+ if: { arg: 'enableText', truthy: true },
63
+ },
64
+ },
65
+ args: {
66
+ view: 'default',
67
+ size: 's',
68
+ enableText: true,
69
+ text: 'Hello',
70
+ enableContentLeft: false,
71
+ enableContentRight: false,
72
+ clear: false,
73
+ pilled: false,
74
+ },
75
+ render: ({ enableContentLeft, enableContentRight, enableText, size, ...rest }: StoryProps) => {
76
+ return (
77
+ <Badge
78
+ contentLeft={
79
+ enableContentLeft || !enableText ? <BellIcon width="0.75rem" height="0.75rem" /> : undefined
80
+ }
81
+ contentRight={enableContentRight ? <BellIcon width="0.75rem" height="0.75rem" /> : undefined}
82
+ size={size}
83
+ {...rest}
84
+ />
85
+ );
86
+ },
87
+ };
@@ -1,11 +1,12 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
6
  Object.defineProperty(exports, "Badge", {
6
- enumerable: true,
7
- get: function() {
8
- return _Badge.Badge;
9
- }
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Badge.Badge;
10
+ }
10
11
  });
11
- var _Badge = require("./Badge");
12
+ var _Badge = /*#__PURE__*/require("./Badge");
@@ -1,65 +1,23 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
- Object.defineProperty(exports, "config", {
6
- enumerable: true,
7
- get: function() {
8
- return config;
9
- }
10
- });
11
- var _emotion = require("@salutejs/plasma-new-hope/emotion");
12
- function _tagged_template_literal(strings, raw) {
13
- if (!raw) {
14
- raw = strings.slice(0);
15
- }
16
- return Object.freeze(Object.defineProperties(strings, {
17
- raw: {
18
- value: Object.freeze(raw)
19
- }
20
- }));
21
- }
22
- function _templateObject() {
23
- var data = _tagged_template_literal([
24
- "\n ",
25
- ": var(--text-accent);\n ",
26
- ": var(--text-primary);\n ",
27
- ": var(--text-secondary);\n ",
28
- ": 1;\n ",
29
- ": var(--surface-accent);\n "
30
- ]);
31
- _templateObject = function _templateObject() {
32
- return data;
33
- };
34
- return data;
35
- }
36
- function _templateObject1() {
37
- var data = _tagged_template_literal([
38
- "\n ",
39
- ": 0.25rem;\n\n ",
40
- ": var(--plasma-typo-body-s-font-family);\n ",
41
- ": var(--plasma-typo-body-s-font-size);\n ",
42
- ": var(--plasma-typo-body-s-font-style);\n ",
43
- ": var(--plasma-typo-body-s-bold-weight);\n ",
44
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
45
- ": var(--plasma-typo-body-s-line-height);\n "
46
- ]);
47
- _templateObject1 = function _templateObject() {
48
- return data;
49
- };
50
- return data;
51
- }
52
- var config = {
53
- defaults: {
54
- view: 'default',
55
- size: 's'
6
+ exports.config = void 0;
7
+ var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
8
+ var _templateObject, _templateObject2;
9
+ function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
10
+ var config = exports.config = {
11
+ defaults: {
12
+ view: 'default',
13
+ size: 's'
14
+ },
15
+ variations: {
16
+ view: {
17
+ "default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-accent);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": 1;\n ", ": var(--surface-accent);\n "])), _emotion.breadcrumbsTokens.breadcrumbsColor, _emotion.breadcrumbsTokens.breadcrumbsColorText, _emotion.breadcrumbsTokens.breadcrumbsColorSeparator, _emotion.breadcrumbsTokens.breadcrumbsOpacity, _emotion.breadcrumbsTokens.breadcrumbsFocusOutlineColor)
56
18
  },
57
- variations: {
58
- view: {
59
- default: (0, _emotion.css)(_templateObject(), _emotion.breadcrumbsTokens.breadcrumbsColor, _emotion.breadcrumbsTokens.breadcrumbsColorText, _emotion.breadcrumbsTokens.breadcrumbsColorSeparator, _emotion.breadcrumbsTokens.breadcrumbsOpacity, _emotion.breadcrumbsTokens.breadcrumbsFocusOutlineColor)
60
- },
61
- size: {
62
- s: (0, _emotion.css)(_templateObject1(), _emotion.breadcrumbsTokens.breadcrumbsGap, _emotion.breadcrumbsTokens.breadcrumbsFontFamily, _emotion.breadcrumbsTokens.breadcrumbsFontSize, _emotion.breadcrumbsTokens.breadcrumbsFontStyle, _emotion.breadcrumbsTokens.breadcrumbsFontWeight, _emotion.breadcrumbsTokens.breadcrumbsLetterSpacing, _emotion.breadcrumbsTokens.breadcrumbsLineHeight)
63
- }
19
+ size: {
20
+ s: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.25rem;\n\n ", ": var(--plasma-typo-body-s-font-family);\n ", ": var(--plasma-typo-body-s-font-size);\n ", ": var(--plasma-typo-body-s-font-style);\n ", ": var(--plasma-typo-body-s-bold-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _emotion.breadcrumbsTokens.breadcrumbsGap, _emotion.breadcrumbsTokens.breadcrumbsFontFamily, _emotion.breadcrumbsTokens.breadcrumbsFontSize, _emotion.breadcrumbsTokens.breadcrumbsFontStyle, _emotion.breadcrumbsTokens.breadcrumbsFontWeight, _emotion.breadcrumbsTokens.breadcrumbsLetterSpacing, _emotion.breadcrumbsTokens.breadcrumbsLineHeight)
64
21
  }
65
- };
22
+ }
23
+ };
@@ -1,15 +1,15 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
- Object.defineProperty(exports, "Breadcrumbs", {
6
- enumerable: true,
7
- get: function() {
8
- return Breadcrumbs;
9
- }
10
- });
11
- var _emotion = require("@salutejs/plasma-new-hope/emotion");
12
- var _Breadcrumbsconfig = require("./Breadcrumbs.config");
13
- var mergedConfig = (0, _emotion.mergeConfig)(_emotion.breadcrumbsConfig, _Breadcrumbsconfig.config);
14
- var BreadcrumbsComponent = (0, _emotion.component)(mergedConfig);
15
- var Breadcrumbs = BreadcrumbsComponent;
6
+ exports.Breadcrumbs = void 0;
7
+ var _emotion = /*#__PURE__*/require("@salutejs/plasma-new-hope/emotion");
8
+ var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs.config");
9
+ var mergedConfig = /*#__PURE__*/(0, _emotion.mergeConfig)(_emotion.breadcrumbsConfig, _Breadcrumbs.config);
10
+ var BreadcrumbsComponent = /*#__PURE__*/(0, _emotion.component)(mergedConfig);
11
+
12
+ /**
13
+ * Breadcrumbs
14
+ */
15
+ var Breadcrumbs = exports.Breadcrumbs = BreadcrumbsComponent;
@@ -0,0 +1,82 @@
1
+ import * as React from 'react';
2
+ import type { ComponentProps } from 'react';
3
+ import type { StoryObj, Meta } from '@storybook/react';
4
+ import { disableProps } from '@salutejs/plasma-sb-utils';
5
+
6
+ import { Dropdown } from '../Dropdown';
7
+
8
+ import { Breadcrumbs } from '.';
9
+
10
+ type BreadcrumbsProps = ComponentProps<typeof Breadcrumbs>;
11
+
12
+ const meta: Meta<BreadcrumbsProps> = {
13
+ title: 'Navigation/Breadcrumbs',
14
+ component: Breadcrumbs,
15
+ args: {
16
+ view: 'default',
17
+ size: 's',
18
+ },
19
+ argTypes: {
20
+ ...disableProps(['separator', 'size', 'view']),
21
+ },
22
+ };
23
+
24
+ export default meta;
25
+
26
+ export const Default: StoryObj<BreadcrumbsProps> = {
27
+ args: {
28
+ showItems: 2,
29
+ items: [
30
+ { title: 'Home', href: '/' },
31
+ { title: 'About as', href: '/' },
32
+ { renderItem: () => <span>Custom Item</span> },
33
+ { title: 'Contacts' },
34
+ ],
35
+ },
36
+ render: (props: BreadcrumbsProps) => {
37
+ return <Breadcrumbs {...props} />;
38
+ },
39
+ };
40
+
41
+ export const CustomShorter: StoryObj<BreadcrumbsProps> = {
42
+ args: {
43
+ view: 'default',
44
+ size: 's',
45
+ },
46
+ render: (props: BreadcrumbsProps) => {
47
+ const items = [
48
+ { title: 'Home', href: '/' },
49
+ { title: 'About as', href: '/' },
50
+ {
51
+ renderItem: () => {
52
+ const itemsDropdown = [
53
+ {
54
+ value: 'Custom Item 1',
55
+ label: 'Custom Item 1',
56
+ },
57
+ {
58
+ value: 'Custom Item 2',
59
+ label: 'Custom Item 2',
60
+ },
61
+ ];
62
+ return (
63
+ <Dropdown
64
+ variant="tight"
65
+ placement="bottom"
66
+ items={itemsDropdown}
67
+ trigger="hover"
68
+ size={args.size}
69
+ >
70
+ <span>...</span>
71
+ </Dropdown>
72
+ );
73
+ },
74
+ },
75
+ { title: 'Contacts' },
76
+ ];
77
+
78
+ const args = { ...props, items };
79
+
80
+ return <Breadcrumbs {...args} />;
81
+ },
82
+ };
@@ -1,11 +1,12 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
6
  Object.defineProperty(exports, "Breadcrumbs", {
6
- enumerable: true,
7
- get: function() {
8
- return _Breadcrumbs.Breadcrumbs;
9
- }
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Breadcrumbs.Breadcrumbs;
10
+ }
10
11
  });
11
- var _Breadcrumbs = require("./Breadcrumbs");
12
+ var _Breadcrumbs = /*#__PURE__*/require("./Breadcrumbs");