@salutejs/sdds-cs 0.318.1-canary.2038.15820228509.0 → 0.318.1-canary.2042.15845695068.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 +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.js +50 -15
  55. package/components/Combobox/index.js +6 -7
  56. package/components/Counter/Counter.config.js +95 -21
  57. package/components/Counter/Counter.js +11 -11
  58. package/components/Counter/index.js +16 -15
  59. package/components/DatePicker/DatePicker.config.js +264 -24
  60. package/components/DatePicker/DatePicker.js +21 -9
  61. package/components/DatePicker/index.js +22 -27
  62. package/components/Divider/Divider.config.js +109 -27
  63. package/components/Divider/Divider.js +11 -11
  64. package/components/Divider/index.js +16 -15
  65. package/components/Drawer/Drawer.config.js +79 -22
  66. package/components/Drawer/Drawer.js +31 -29
  67. package/components/Drawer/index.js +21 -26
  68. package/components/Dropdown/Dropdown.config.js +94 -18
  69. package/components/Dropdown/Dropdown.js +50 -15
  70. package/components/Dropdown/index.js +6 -7
  71. package/components/Dropzone/Dropzone.config.js +86 -21
  72. package/components/Dropzone/Dropzone.js +11 -7
  73. package/components/Dropzone/index.js +19 -21
  74. package/components/EmptyState/EmptyState.config.js +114 -18
  75. package/components/EmptyState/EmptyState.js +19 -7
  76. package/components/EmptyState/index.js +6 -7
  77. package/components/Flow/Flow.config.js +11 -7
  78. package/components/Flow/Flow.js +11 -7
  79. package/components/Flow/index.js +6 -7
  80. package/components/Grid/Grid.config.js +71 -19
  81. package/components/Grid/Grid.js +21 -18
  82. package/components/Grid/index.js +18 -20
  83. package/components/IconButton/IconButton.config.js +146 -28
  84. package/components/IconButton/IconButton.js +12 -12
  85. package/components/IconButton/index.js +6 -7
  86. package/components/Image/Image.js +11 -11
  87. package/components/Image/index.js +6 -7
  88. package/components/Indicator/Indicator.config.js +138 -26
  89. package/components/Indicator/Indicator.js +19 -7
  90. package/components/Indicator/index.js +6 -7
  91. package/components/Link/Link.config.js +214 -29
  92. package/components/Link/Link.js +12 -11
  93. package/components/Link/index.js +6 -7
  94. package/components/Mask/Mask.js +10 -6
  95. package/components/Mask/index.js +6 -7
  96. package/components/Modal/Modal.config.js +47 -15
  97. package/components/Modal/Modal.js +12 -12
  98. package/components/Modal/index.js +16 -15
  99. package/components/Notification/Notification.config.js +163 -26
  100. package/components/Notification/Notification.js +38 -23
  101. package/components/Notification/index.js +22 -27
  102. package/components/NumberFormat/NumberFormat.js +10 -13
  103. package/components/NumberFormat/index.js +6 -7
  104. package/components/NumberInput/NumberInput.config.js +154 -34
  105. package/components/NumberInput/NumberInput.js +11 -7
  106. package/components/NumberInput/index.js +19 -21
  107. package/components/Overlay/index.js +6 -7
  108. package/components/Pagination/Pagination.config.js +139 -26
  109. package/components/Pagination/Pagination.js +12 -12
  110. package/components/Pagination/index.js +6 -7
  111. package/components/Popover/Popover.config.js +43 -15
  112. package/components/Popover/Popover.js +11 -7
  113. package/components/Popover/index.js +6 -7
  114. package/components/Popup/Popup.js +10 -10
  115. package/components/Popup/index.js +22 -27
  116. package/components/Portal/index.js +6 -7
  117. package/components/Price/Price.config.js +15 -11
  118. package/components/Price/Price.js +12 -12
  119. package/components/Price/index.js +16 -15
  120. package/components/Progress/Progress.config.js +95 -21
  121. package/components/Progress/Progress.js +12 -8
  122. package/components/Progress/index.js +6 -7
  123. package/components/Radiobox/Radiobox.config.js +106 -31
  124. package/components/Radiobox/Radiobox.js +19 -16
  125. package/components/Radiobox/index.js +15 -14
  126. package/components/Range/Range.config.js +157 -24
  127. package/components/Range/Range.js +11 -11
  128. package/components/Range/index.js +16 -15
  129. package/components/Rating/Rating.config.js +117 -20
  130. package/components/Rating/Rating.js +11 -7
  131. package/components/Rating/index.js +19 -21
  132. package/components/SSRProvider/index.js +6 -7
  133. package/components/Segment/Segment.js +27 -32
  134. package/components/Segment/SegmentGroup.config.js +130 -34
  135. package/components/Segment/SegmentItem.config.js +124 -25
  136. package/components/Segment/index.js +21 -26
  137. package/components/Select/Select.config.js +305 -35
  138. package/components/Select/Select.js +50 -15
  139. package/components/Select/index.js +6 -7
  140. package/components/Sheet/Sheet.config.js +63 -18
  141. package/components/Sheet/Sheet.js +12 -12
  142. package/components/Sheet/index.js +16 -15
  143. package/components/Skeleton/LineSkeleton.config.js +230 -31
  144. package/components/Skeleton/Skeleton.js +25 -20
  145. package/components/Skeleton/index.js +21 -26
  146. package/components/Slider/Slider.config.js +147 -22
  147. package/components/Slider/Slider.js +12 -13
  148. package/components/Slider/index.js +6 -7
  149. package/components/Spinner/Spinner.config.js +107 -23
  150. package/components/Spinner/Spinner.js +23 -15
  151. package/components/Spinner/index.js +6 -7
  152. package/components/Steps/Steps.config.js +105 -18
  153. package/components/Steps/Steps.js +12 -8
  154. package/components/Steps/index.js +6 -7
  155. package/components/Switch/Switch.config.js +149 -31
  156. package/components/Switch/Switch.js +12 -8
  157. package/components/Switch/index.js +6 -7
  158. package/components/Table/Table.config.js +257 -21
  159. package/components/Table/Table.js +12 -12
  160. package/components/Table/index.js +6 -7
  161. package/components/Tabs/TabItem.js +26 -21
  162. package/components/Tabs/Tabs.js +26 -21
  163. package/components/Tabs/TabsController.js +15 -16
  164. package/components/Tabs/horizontal/HorizontalTabItem.config.js +230 -30
  165. package/components/Tabs/horizontal/HorizontalTabs.config.js +266 -37
  166. package/components/Tabs/index.js +27 -35
  167. package/components/Tabs/vertical/VerticalTabItem.config.js +125 -24
  168. package/components/Tabs/vertical/VerticalTabs.config.js +98 -24
  169. package/components/TextArea/TextArea.config.js +367 -42
  170. package/components/TextArea/TextArea.js +12 -12
  171. package/components/TextArea/index.js +6 -7
  172. package/components/TextField/TextField.config.js +338 -40
  173. package/components/TextField/TextField.js +11 -11
  174. package/components/TextField/index.js +16 -15
  175. package/components/Toast/Toast.config.js +127 -35
  176. package/components/Toast/Toast.js +26 -14
  177. package/components/Toast/index.js +18 -20
  178. package/components/ToastNew/ToastNew.config.js +80 -21
  179. package/components/ToastNew/ToastNew.js +20 -8
  180. package/components/ToastNew/index.js +15 -14
  181. package/components/Tokens/Colors/Colors.styles.js +147 -51
  182. package/components/Tokens/NumberTokens/NumberTokens.styles.js +70 -23
  183. package/components/Tokens/Typography/Typography.styles.js +204 -76
  184. package/components/Toolbar/Toolbar.config.js +57 -18
  185. package/components/Toolbar/Toolbar.js +21 -13
  186. package/components/Toolbar/index.js +19 -21
  187. package/components/Tooltip/Tooltip.config.js +71 -19
  188. package/components/Tooltip/Tooltip.js +11 -7
  189. package/components/Tooltip/index.js +6 -7
  190. package/components/Tree/Tree.config.js +83 -18
  191. package/components/Tree/Tree.js +11 -7
  192. package/components/Tree/index.js +6 -7
  193. package/components/Typography/Body.config.js +161 -47
  194. package/components/Typography/Dspl.config.js +105 -31
  195. package/components/Typography/Heading.config.js +161 -47
  196. package/components/Typography/Text.config.js +133 -39
  197. package/components/Typography/Typography.js +116 -59
  198. package/components/Typography/index.js +62 -106
  199. package/components/ViewContainer/ViewContainer.config.js +46 -14
  200. package/components/ViewContainer/ViewContainer.js +11 -7
  201. package/components/ViewContainer/index.js +6 -7
  202. package/emotion/cjs/components/Accordion/Accordion.config.js +101 -19
  203. package/emotion/cjs/components/Accordion/Accordion.js +18 -12
  204. package/emotion/cjs/components/Accordion/index.js +15 -14
  205. package/emotion/cjs/components/Attach/Attach.config.js +267 -26
  206. package/emotion/cjs/components/Attach/Attach.js +11 -11
  207. package/emotion/cjs/components/Attach/index.js +6 -7
  208. package/emotion/cjs/components/Autocomplete/Autocomplete.config.js +247 -30
  209. package/emotion/cjs/components/Autocomplete/Autocomplete.js +11 -7
  210. package/emotion/cjs/components/Autocomplete/index.js +6 -7
  211. package/emotion/cjs/components/Avatar/Avatar.config.js +197 -31
  212. package/emotion/cjs/components/Avatar/Avatar.js +19 -7
  213. package/emotion/cjs/components/Avatar/index.js +6 -7
  214. package/emotion/cjs/components/AvatarGroup/AvatarGroup.js +10 -6
  215. package/emotion/cjs/components/AvatarGroup/index.js +6 -7
  216. package/emotion/cjs/components/Badge/Badge.config.js +145 -30
  217. package/emotion/cjs/components/Badge/Badge.js +11 -11
  218. package/emotion/cjs/components/Badge/index.js +6 -7
  219. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.config.js +60 -18
  220. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.js +12 -12
  221. package/emotion/cjs/components/Breadcrumbs/index.js +6 -7
  222. package/emotion/cjs/components/Button/Button.config.js +174 -30
  223. package/emotion/cjs/components/Button/Button.js +146 -41
  224. package/emotion/cjs/components/Button/index.js +6 -7
  225. package/emotion/cjs/components/ButtonBase/index.js +6 -7
  226. package/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +228 -38
  227. package/emotion/cjs/components/ButtonGroup/ButtonGroup.js +11 -11
  228. package/emotion/cjs/components/ButtonGroup/index.js +6 -7
  229. package/emotion/cjs/components/Calendar/Calendar.js +39 -18
  230. package/emotion/cjs/components/Calendar/CalendarBase.config.js +128 -18
  231. package/emotion/cjs/components/Calendar/CalendarDouble.config.js +128 -18
  232. package/emotion/cjs/components/Calendar/index.js +24 -32
  233. package/emotion/cjs/components/Card/Card.config.js +81 -20
  234. package/emotion/cjs/components/Card/Card.js +22 -23
  235. package/emotion/cjs/components/Card/index.js +18 -20
  236. package/emotion/cjs/components/Carousel/Carousel.config.js +62 -0
  237. package/emotion/cjs/components/Carousel/Carousel.js +14 -0
  238. package/emotion/cjs/components/Carousel/index.js +20 -0
  239. package/emotion/cjs/components/Cell/Cell.config.js +110 -16
  240. package/emotion/cjs/components/Cell/Cell.js +12 -12
  241. package/emotion/cjs/components/Cell/index.js +25 -33
  242. package/emotion/cjs/components/Checkbox/Checkbox.config.js +104 -25
  243. package/emotion/cjs/components/Checkbox/Checkbox.js +12 -11
  244. package/emotion/cjs/components/Checkbox/index.js +6 -7
  245. package/emotion/cjs/components/Chip/Chip.config.js +162 -25
  246. package/emotion/cjs/components/Chip/Chip.js +12 -12
  247. package/emotion/cjs/components/Chip/index.js +6 -7
  248. package/emotion/cjs/components/ChipGroup/ChipGroup.config.js +127 -24
  249. package/emotion/cjs/components/ChipGroup/ChipGroup.js +11 -7
  250. package/emotion/cjs/components/ChipGroup/index.js +6 -7
  251. package/emotion/cjs/components/Combobox/Combobox.config.js +313 -30
  252. package/emotion/cjs/components/Combobox/Combobox.js +50 -15
  253. package/emotion/cjs/components/Combobox/index.js +6 -7
  254. package/emotion/cjs/components/Counter/Counter.config.js +95 -21
  255. package/emotion/cjs/components/Counter/Counter.js +11 -11
  256. package/emotion/cjs/components/Counter/index.js +16 -15
  257. package/emotion/cjs/components/DatePicker/DatePicker.config.js +264 -24
  258. package/emotion/cjs/components/DatePicker/DatePicker.js +21 -9
  259. package/emotion/cjs/components/DatePicker/index.js +22 -27
  260. package/emotion/cjs/components/Divider/Divider.config.js +109 -27
  261. package/emotion/cjs/components/Divider/Divider.js +11 -11
  262. package/emotion/cjs/components/Divider/index.js +16 -15
  263. package/emotion/cjs/components/Drawer/Drawer.config.js +79 -22
  264. package/emotion/cjs/components/Drawer/Drawer.js +31 -29
  265. package/emotion/cjs/components/Drawer/index.js +21 -26
  266. package/emotion/cjs/components/Dropdown/Dropdown.config.js +94 -18
  267. package/emotion/cjs/components/Dropdown/Dropdown.js +50 -15
  268. package/emotion/cjs/components/Dropdown/index.js +6 -7
  269. package/emotion/cjs/components/Dropzone/Dropzone.config.js +86 -21
  270. package/emotion/cjs/components/Dropzone/Dropzone.js +11 -7
  271. package/emotion/cjs/components/Dropzone/index.js +19 -21
  272. package/emotion/cjs/components/EmptyState/EmptyState.config.js +114 -18
  273. package/emotion/cjs/components/EmptyState/EmptyState.js +19 -7
  274. package/emotion/cjs/components/EmptyState/index.js +6 -7
  275. package/emotion/cjs/components/Flow/Flow.config.js +11 -7
  276. package/emotion/cjs/components/Flow/Flow.js +11 -7
  277. package/emotion/cjs/components/Flow/index.js +6 -7
  278. package/emotion/cjs/components/Grid/Grid.config.js +71 -19
  279. package/emotion/cjs/components/Grid/Grid.js +21 -18
  280. package/emotion/cjs/components/Grid/index.js +18 -20
  281. package/emotion/cjs/components/IconButton/IconButton.config.js +146 -28
  282. package/emotion/cjs/components/IconButton/IconButton.js +12 -12
  283. package/emotion/cjs/components/IconButton/index.js +6 -7
  284. package/emotion/cjs/components/Image/Image.js +11 -11
  285. package/emotion/cjs/components/Image/index.js +6 -7
  286. package/emotion/cjs/components/Indicator/Indicator.config.js +138 -26
  287. package/emotion/cjs/components/Indicator/Indicator.js +19 -7
  288. package/emotion/cjs/components/Indicator/index.js +6 -7
  289. package/emotion/cjs/components/Link/Link.config.js +214 -29
  290. package/emotion/cjs/components/Link/Link.js +12 -11
  291. package/emotion/cjs/components/Link/index.js +6 -7
  292. package/emotion/cjs/components/Mask/Mask.js +10 -6
  293. package/emotion/cjs/components/Mask/index.js +6 -7
  294. package/emotion/cjs/components/Modal/Modal.config.js +47 -15
  295. package/emotion/cjs/components/Modal/Modal.js +12 -12
  296. package/emotion/cjs/components/Modal/index.js +16 -15
  297. package/emotion/cjs/components/Notification/Notification.config.js +163 -26
  298. package/emotion/cjs/components/Notification/Notification.js +38 -23
  299. package/emotion/cjs/components/Notification/index.js +22 -27
  300. package/emotion/cjs/components/NumberFormat/NumberFormat.js +10 -13
  301. package/emotion/cjs/components/NumberFormat/index.js +6 -7
  302. package/emotion/cjs/components/NumberInput/NumberInput.config.js +154 -34
  303. package/emotion/cjs/components/NumberInput/NumberInput.js +11 -7
  304. package/emotion/cjs/components/NumberInput/index.js +19 -21
  305. package/emotion/cjs/components/Overlay/index.js +6 -7
  306. package/emotion/cjs/components/Pagination/Pagination.config.js +139 -26
  307. package/emotion/cjs/components/Pagination/Pagination.js +12 -12
  308. package/emotion/cjs/components/Pagination/index.js +6 -7
  309. package/emotion/cjs/components/Popover/Popover.config.js +43 -15
  310. package/emotion/cjs/components/Popover/Popover.js +11 -7
  311. package/emotion/cjs/components/Popover/index.js +6 -7
  312. package/emotion/cjs/components/Popup/Popup.js +10 -10
  313. package/emotion/cjs/components/Popup/index.js +22 -27
  314. package/emotion/cjs/components/Portal/index.js +6 -7
  315. package/emotion/cjs/components/Price/Price.config.js +15 -11
  316. package/emotion/cjs/components/Price/Price.js +12 -12
  317. package/emotion/cjs/components/Price/index.js +16 -15
  318. package/emotion/cjs/components/Progress/Progress.config.js +95 -21
  319. package/emotion/cjs/components/Progress/Progress.js +12 -8
  320. package/emotion/cjs/components/Progress/index.js +6 -7
  321. package/emotion/cjs/components/Radiobox/Radiobox.config.js +106 -31
  322. package/emotion/cjs/components/Radiobox/Radiobox.js +19 -16
  323. package/emotion/cjs/components/Radiobox/index.js +15 -14
  324. package/emotion/cjs/components/Range/Range.config.js +157 -24
  325. package/emotion/cjs/components/Range/Range.js +11 -11
  326. package/emotion/cjs/components/Range/index.js +16 -15
  327. package/emotion/cjs/components/Rating/Rating.config.js +117 -20
  328. package/emotion/cjs/components/Rating/Rating.js +11 -7
  329. package/emotion/cjs/components/Rating/index.js +19 -21
  330. package/emotion/cjs/components/SSRProvider/index.js +6 -7
  331. package/emotion/cjs/components/Segment/Segment.js +27 -32
  332. package/emotion/cjs/components/Segment/SegmentGroup.config.js +130 -34
  333. package/emotion/cjs/components/Segment/SegmentItem.config.js +124 -25
  334. package/emotion/cjs/components/Segment/index.js +21 -26
  335. package/emotion/cjs/components/Select/Select.config.js +305 -35
  336. package/emotion/cjs/components/Select/Select.js +50 -15
  337. package/emotion/cjs/components/Select/index.js +6 -7
  338. package/emotion/cjs/components/Sheet/Sheet.config.js +63 -18
  339. package/emotion/cjs/components/Sheet/Sheet.js +12 -12
  340. package/emotion/cjs/components/Sheet/index.js +16 -15
  341. package/emotion/cjs/components/Skeleton/LineSkeleton.config.js +230 -31
  342. package/emotion/cjs/components/Skeleton/Skeleton.js +25 -20
  343. package/emotion/cjs/components/Skeleton/index.js +21 -26
  344. package/emotion/cjs/components/Slider/Slider.config.js +147 -22
  345. package/emotion/cjs/components/Slider/Slider.js +12 -13
  346. package/emotion/cjs/components/Slider/index.js +6 -7
  347. package/emotion/cjs/components/Spinner/Spinner.config.js +107 -23
  348. package/emotion/cjs/components/Spinner/Spinner.js +23 -15
  349. package/emotion/cjs/components/Spinner/index.js +6 -7
  350. package/emotion/cjs/components/Steps/Steps.config.js +105 -18
  351. package/emotion/cjs/components/Steps/Steps.js +12 -8
  352. package/emotion/cjs/components/Steps/index.js +6 -7
  353. package/emotion/cjs/components/Switch/Switch.config.js +149 -31
  354. package/emotion/cjs/components/Switch/Switch.js +12 -8
  355. package/emotion/cjs/components/Switch/index.js +6 -7
  356. package/emotion/cjs/components/Table/Table.config.js +257 -21
  357. package/emotion/cjs/components/Table/Table.js +12 -12
  358. package/emotion/cjs/components/Table/index.js +6 -7
  359. package/emotion/cjs/components/Tabs/TabItem.js +26 -21
  360. package/emotion/cjs/components/Tabs/Tabs.js +26 -21
  361. package/emotion/cjs/components/Tabs/TabsController.js +15 -16
  362. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabItem.config.js +230 -30
  363. package/emotion/cjs/components/Tabs/horizontal/HorizontalTabs.config.js +266 -37
  364. package/emotion/cjs/components/Tabs/index.js +27 -35
  365. package/emotion/cjs/components/Tabs/vertical/VerticalTabItem.config.js +125 -24
  366. package/emotion/cjs/components/Tabs/vertical/VerticalTabs.config.js +98 -24
  367. package/emotion/cjs/components/TextArea/TextArea.config.js +367 -42
  368. package/emotion/cjs/components/TextArea/TextArea.js +12 -12
  369. package/emotion/cjs/components/TextArea/index.js +6 -7
  370. package/emotion/cjs/components/TextField/TextField.config.js +338 -40
  371. package/emotion/cjs/components/TextField/TextField.js +11 -11
  372. package/emotion/cjs/components/TextField/index.js +16 -15
  373. package/emotion/cjs/components/Toast/Toast.config.js +127 -35
  374. package/emotion/cjs/components/Toast/Toast.js +26 -14
  375. package/emotion/cjs/components/Toast/index.js +18 -20
  376. package/emotion/cjs/components/ToastNew/ToastNew.config.js +80 -21
  377. package/emotion/cjs/components/ToastNew/ToastNew.js +20 -8
  378. package/emotion/cjs/components/ToastNew/index.js +15 -14
  379. package/emotion/cjs/components/Tokens/Colors/Colors.styles.js +147 -27
  380. package/emotion/cjs/components/Tokens/NumberTokens/NumberTokens.styles.js +70 -13
  381. package/emotion/cjs/components/Tokens/Typography/Typography.styles.js +204 -44
  382. package/emotion/cjs/components/Toolbar/Toolbar.config.js +57 -18
  383. package/emotion/cjs/components/Toolbar/Toolbar.js +21 -13
  384. package/emotion/cjs/components/Toolbar/index.js +19 -21
  385. package/emotion/cjs/components/Tooltip/Tooltip.config.js +71 -19
  386. package/emotion/cjs/components/Tooltip/Tooltip.js +11 -7
  387. package/emotion/cjs/components/Tooltip/index.js +6 -7
  388. package/emotion/cjs/components/Tree/Tree.config.js +83 -18
  389. package/emotion/cjs/components/Tree/Tree.js +11 -7
  390. package/emotion/cjs/components/Tree/index.js +6 -7
  391. package/emotion/cjs/components/Typography/Body.config.js +161 -47
  392. package/emotion/cjs/components/Typography/Dspl.config.js +105 -31
  393. package/emotion/cjs/components/Typography/Heading.config.js +161 -47
  394. package/emotion/cjs/components/Typography/Text.config.js +133 -39
  395. package/emotion/cjs/components/Typography/Typography.js +116 -59
  396. package/emotion/cjs/components/Typography/index.js +62 -106
  397. package/emotion/cjs/components/ViewContainer/ViewContainer.config.js +46 -14
  398. package/emotion/cjs/components/ViewContainer/ViewContainer.js +11 -7
  399. package/emotion/cjs/components/ViewContainer/index.js +6 -7
  400. package/emotion/cjs/helpers/index.js +25 -0
  401. package/emotion/cjs/index.js +82 -729
  402. package/emotion/cjs/mixins/index.js +61 -20
  403. package/emotion/cjs/tokens/index.js +126 -255
  404. package/emotion/es/components/Accordion/Accordion.config.js +92 -14
  405. package/emotion/es/components/Accordion/Accordion.js +3 -3
  406. package/emotion/es/components/Accordion/index.js +1 -1
  407. package/emotion/es/components/Attach/Attach.config.js +258 -21
  408. package/emotion/es/components/Attach/Attach.js +2 -4
  409. package/emotion/es/components/Attach/index.js +1 -1
  410. package/emotion/es/components/Autocomplete/Autocomplete.config.js +238 -25
  411. package/emotion/es/components/Autocomplete/Autocomplete.js +2 -2
  412. package/emotion/es/components/Autocomplete/index.js +1 -1
  413. package/emotion/es/components/Avatar/Avatar.config.js +188 -26
  414. package/emotion/es/components/Avatar/Avatar.js +3 -3
  415. package/emotion/es/components/Avatar/index.js +1 -1
  416. package/emotion/es/components/AvatarGroup/AvatarGroup.js +2 -2
  417. package/emotion/es/components/AvatarGroup/index.js +1 -1
  418. package/emotion/es/components/Badge/Badge.config.js +136 -25
  419. package/emotion/es/components/Badge/Badge.js +2 -4
  420. package/emotion/es/components/Badge/index.js +1 -1
  421. package/emotion/es/components/Breadcrumbs/Breadcrumbs.config.js +51 -13
  422. package/emotion/es/components/Breadcrumbs/Breadcrumbs.js +3 -5
  423. package/emotion/es/components/Breadcrumbs/index.js +1 -1
  424. package/emotion/es/components/Button/Button.config.js +165 -25
  425. package/emotion/es/components/Button/Button.js +89 -28
  426. package/emotion/es/components/Button/index.js +1 -1
  427. package/emotion/es/components/ButtonBase/index.js +1 -1
  428. package/emotion/es/components/ButtonGroup/ButtonGroup.config.js +219 -33
  429. package/emotion/es/components/ButtonGroup/ButtonGroup.js +2 -4
  430. package/emotion/es/components/ButtonGroup/index.js +1 -1
  431. package/emotion/es/components/Calendar/Calendar.js +12 -12
  432. package/emotion/es/components/Calendar/CalendarBase.config.js +119 -13
  433. package/emotion/es/components/Calendar/CalendarDouble.config.js +119 -13
  434. package/emotion/es/components/Calendar/index.js +1 -1
  435. package/emotion/es/components/Card/Card.config.js +72 -15
  436. package/emotion/es/components/Card/Card.js +4 -6
  437. package/emotion/es/components/Card/index.js +1 -1
  438. package/emotion/es/components/Carousel/Carousel.config.js +52 -0
  439. package/emotion/es/components/Carousel/Carousel.js +5 -0
  440. package/emotion/es/components/Carousel/index.js +2 -0
  441. package/emotion/es/components/Cell/Cell.config.js +101 -11
  442. package/emotion/es/components/Cell/Cell.js +3 -5
  443. package/emotion/es/components/Cell/index.js +1 -1
  444. package/emotion/es/components/Checkbox/Checkbox.config.js +95 -20
  445. package/emotion/es/components/Checkbox/Checkbox.js +3 -4
  446. package/emotion/es/components/Checkbox/index.js +1 -1
  447. package/emotion/es/components/Chip/Chip.config.js +153 -20
  448. package/emotion/es/components/Chip/Chip.js +3 -5
  449. package/emotion/es/components/Chip/index.js +1 -1
  450. package/emotion/es/components/ChipGroup/ChipGroup.config.js +118 -19
  451. package/emotion/es/components/ChipGroup/ChipGroup.js +2 -2
  452. package/emotion/es/components/ChipGroup/index.js +1 -1
  453. package/emotion/es/components/Combobox/Combobox.config.js +304 -25
  454. package/emotion/es/components/Combobox/Combobox.js +36 -9
  455. package/emotion/es/components/Combobox/index.js +1 -1
  456. package/emotion/es/components/Counter/Counter.config.js +86 -16
  457. package/emotion/es/components/Counter/Counter.js +2 -4
  458. package/emotion/es/components/Counter/index.js +1 -1
  459. package/emotion/es/components/DatePicker/DatePicker.config.js +255 -19
  460. package/emotion/es/components/DatePicker/DatePicker.js +4 -4
  461. package/emotion/es/components/DatePicker/index.js +1 -1
  462. package/emotion/es/components/Divider/Divider.config.js +100 -22
  463. package/emotion/es/components/Divider/Divider.js +2 -4
  464. package/emotion/es/components/Divider/index.js +1 -1
  465. package/emotion/es/components/Drawer/Drawer.config.js +70 -17
  466. package/emotion/es/components/Drawer/Drawer.js +8 -16
  467. package/emotion/es/components/Drawer/index.js +1 -1
  468. package/emotion/es/components/Dropdown/Dropdown.config.js +85 -13
  469. package/emotion/es/components/Dropdown/Dropdown.js +36 -9
  470. package/emotion/es/components/Dropdown/index.js +1 -1
  471. package/emotion/es/components/Dropzone/Dropzone.config.js +77 -16
  472. package/emotion/es/components/Dropzone/Dropzone.js +2 -2
  473. package/emotion/es/components/Dropzone/index.js +1 -1
  474. package/emotion/es/components/EmptyState/EmptyState.config.js +105 -13
  475. package/emotion/es/components/EmptyState/EmptyState.js +2 -2
  476. package/emotion/es/components/EmptyState/index.js +1 -1
  477. package/emotion/es/components/Flow/Flow.config.js +3 -3
  478. package/emotion/es/components/Flow/Flow.js +2 -2
  479. package/emotion/es/components/Flow/index.js +1 -1
  480. package/emotion/es/components/Grid/Grid.config.js +62 -14
  481. package/emotion/es/components/Grid/Grid.js +2 -2
  482. package/emotion/es/components/Grid/index.js +1 -1
  483. package/emotion/es/components/IconButton/IconButton.config.js +137 -23
  484. package/emotion/es/components/IconButton/IconButton.js +3 -5
  485. package/emotion/es/components/IconButton/index.js +1 -1
  486. package/emotion/es/components/Image/Image.js +3 -5
  487. package/emotion/es/components/Image/index.js +1 -1
  488. package/emotion/es/components/Indicator/Indicator.config.js +129 -21
  489. package/emotion/es/components/Indicator/Indicator.js +3 -3
  490. package/emotion/es/components/Indicator/index.js +1 -1
  491. package/emotion/es/components/Link/Link.config.js +205 -24
  492. package/emotion/es/components/Link/Link.js +3 -4
  493. package/emotion/es/components/Link/index.js +1 -1
  494. package/emotion/es/components/Mask/Mask.js +1 -1
  495. package/emotion/es/components/Mask/index.js +1 -1
  496. package/emotion/es/components/Modal/Modal.config.js +38 -10
  497. package/emotion/es/components/Modal/Modal.js +3 -5
  498. package/emotion/es/components/Modal/index.js +1 -1
  499. package/emotion/es/components/Notification/Notification.config.js +154 -21
  500. package/emotion/es/components/Notification/Notification.js +11 -15
  501. package/emotion/es/components/Notification/index.js +1 -1
  502. package/emotion/es/components/NumberFormat/NumberFormat.js +1 -9
  503. package/emotion/es/components/NumberFormat/index.js +1 -1
  504. package/emotion/es/components/NumberInput/NumberInput.config.js +145 -29
  505. package/emotion/es/components/NumberInput/NumberInput.js +2 -2
  506. package/emotion/es/components/NumberInput/index.js +1 -1
  507. package/emotion/es/components/Overlay/index.js +1 -1
  508. package/emotion/es/components/Pagination/Pagination.config.js +130 -21
  509. package/emotion/es/components/Pagination/Pagination.js +3 -5
  510. package/emotion/es/components/Pagination/index.js +1 -1
  511. package/emotion/es/components/Popover/Popover.config.js +34 -10
  512. package/emotion/es/components/Popover/Popover.js +2 -2
  513. package/emotion/es/components/Popover/index.js +1 -1
  514. package/emotion/es/components/Popup/Popup.js +2 -4
  515. package/emotion/es/components/Popup/index.js +1 -1
  516. package/emotion/es/components/Portal/index.js +1 -1
  517. package/emotion/es/components/Price/Price.config.js +7 -7
  518. package/emotion/es/components/Price/Price.js +3 -5
  519. package/emotion/es/components/Price/index.js +1 -1
  520. package/emotion/es/components/Progress/Progress.config.js +86 -16
  521. package/emotion/es/components/Progress/Progress.js +3 -3
  522. package/emotion/es/components/Progress/index.js +1 -1
  523. package/emotion/es/components/Radiobox/Radiobox.config.js +97 -26
  524. package/emotion/es/components/Radiobox/Radiobox.js +4 -5
  525. package/emotion/es/components/Radiobox/index.js +1 -1
  526. package/emotion/es/components/Range/Range.config.js +148 -19
  527. package/emotion/es/components/Range/Range.js +2 -4
  528. package/emotion/es/components/Range/index.js +1 -1
  529. package/emotion/es/components/Rating/Rating.config.js +108 -15
  530. package/emotion/es/components/Rating/Rating.js +2 -2
  531. package/emotion/es/components/Rating/index.js +1 -1
  532. package/emotion/es/components/SSRProvider/index.js +1 -1
  533. package/emotion/es/components/Segment/Segment.js +5 -10
  534. package/emotion/es/components/Segment/SegmentGroup.config.js +121 -29
  535. package/emotion/es/components/Segment/SegmentItem.config.js +115 -20
  536. package/emotion/es/components/Segment/index.js +1 -1
  537. package/emotion/es/components/Select/Select.config.js +295 -29
  538. package/emotion/es/components/Select/Select.js +36 -9
  539. package/emotion/es/components/Select/index.js +1 -1
  540. package/emotion/es/components/Sheet/Sheet.config.js +54 -13
  541. package/emotion/es/components/Sheet/Sheet.js +3 -5
  542. package/emotion/es/components/Sheet/index.js +1 -1
  543. package/emotion/es/components/Skeleton/LineSkeleton.config.js +221 -26
  544. package/emotion/es/components/Skeleton/Skeleton.js +4 -4
  545. package/emotion/es/components/Skeleton/index.js +1 -1
  546. package/emotion/es/components/Slider/Slider.config.js +138 -17
  547. package/emotion/es/components/Slider/Slider.js +3 -5
  548. package/emotion/es/components/Slider/index.js +1 -1
  549. package/emotion/es/components/Spinner/Spinner.config.js +98 -18
  550. package/emotion/es/components/Spinner/Spinner.js +8 -6
  551. package/emotion/es/components/Spinner/index.js +1 -1
  552. package/emotion/es/components/Steps/Steps.config.js +96 -13
  553. package/emotion/es/components/Steps/Steps.js +3 -3
  554. package/emotion/es/components/Steps/index.js +1 -1
  555. package/emotion/es/components/Switch/Switch.config.js +140 -26
  556. package/emotion/es/components/Switch/Switch.js +3 -3
  557. package/emotion/es/components/Switch/index.js +1 -1
  558. package/emotion/es/components/Table/Table.config.js +248 -16
  559. package/emotion/es/components/Table/Table.js +3 -5
  560. package/emotion/es/components/Table/index.js +1 -1
  561. package/emotion/es/components/Tabs/TabItem.js +10 -11
  562. package/emotion/es/components/Tabs/Tabs.js +10 -11
  563. package/emotion/es/components/Tabs/TabsController.js +5 -7
  564. package/emotion/es/components/Tabs/horizontal/HorizontalTabItem.config.js +221 -25
  565. package/emotion/es/components/Tabs/horizontal/HorizontalTabs.config.js +257 -32
  566. package/emotion/es/components/Tabs/index.js +1 -1
  567. package/emotion/es/components/Tabs/vertical/VerticalTabItem.config.js +116 -19
  568. package/emotion/es/components/Tabs/vertical/VerticalTabs.config.js +89 -19
  569. package/emotion/es/components/TextArea/TextArea.config.js +358 -37
  570. package/emotion/es/components/TextArea/TextArea.js +3 -5
  571. package/emotion/es/components/TextArea/index.js +1 -1
  572. package/emotion/es/components/TextField/TextField.config.js +329 -35
  573. package/emotion/es/components/TextField/TextField.js +2 -4
  574. package/emotion/es/components/TextField/index.js +1 -1
  575. package/emotion/es/components/Toast/Toast.config.js +118 -30
  576. package/emotion/es/components/Toast/Toast.js +4 -4
  577. package/emotion/es/components/Toast/index.js +1 -1
  578. package/emotion/es/components/ToastNew/ToastNew.config.js +71 -16
  579. package/emotion/es/components/ToastNew/ToastNew.js +3 -3
  580. package/emotion/es/components/ToastNew/index.js +1 -1
  581. package/emotion/es/components/Tokens/Colors/Colors.styles.js +90 -19
  582. package/emotion/es/components/Tokens/NumberTokens/NumberTokens.styles.js +37 -8
  583. package/emotion/es/components/Tokens/Typography/Typography.styles.js +135 -36
  584. package/emotion/es/components/Toolbar/Toolbar.config.js +48 -13
  585. package/emotion/es/components/Toolbar/Toolbar.js +4 -6
  586. package/emotion/es/components/Toolbar/index.js +1 -1
  587. package/emotion/es/components/Tooltip/Tooltip.config.js +62 -14
  588. package/emotion/es/components/Tooltip/Tooltip.js +2 -2
  589. package/emotion/es/components/Tooltip/index.js +1 -1
  590. package/emotion/es/components/Tree/Tree.config.js +74 -13
  591. package/emotion/es/components/Tree/Tree.js +2 -2
  592. package/emotion/es/components/Tree/index.js +1 -1
  593. package/emotion/es/components/Typography/Body.config.js +131 -38
  594. package/emotion/es/components/Typography/Dspl.config.js +83 -24
  595. package/emotion/es/components/Typography/Heading.config.js +131 -38
  596. package/emotion/es/components/Typography/Text.config.js +107 -31
  597. package/emotion/es/components/Typography/Typography.js +35 -35
  598. package/emotion/es/components/Typography/index.js +1 -1
  599. package/emotion/es/components/ViewContainer/ViewContainer.config.js +36 -8
  600. package/emotion/es/components/ViewContainer/ViewContainer.js +2 -2
  601. package/emotion/es/components/ViewContainer/index.js +1 -1
  602. package/emotion/es/index.js +2 -1
  603. package/emotion/es/mixins/index.js +1 -1
  604. package/emotion/es/tokens/index.js +1 -1
  605. package/es/components/Accordion/Accordion.config.js +92 -14
  606. package/es/components/Accordion/Accordion.js +3 -3
  607. package/es/components/Accordion/index.js +1 -1
  608. package/es/components/Attach/Attach.config.js +258 -21
  609. package/es/components/Attach/Attach.js +2 -4
  610. package/es/components/Attach/index.js +1 -1
  611. package/es/components/Autocomplete/Autocomplete.config.js +238 -25
  612. package/es/components/Autocomplete/Autocomplete.js +2 -2
  613. package/es/components/Autocomplete/index.js +1 -1
  614. package/es/components/Avatar/Avatar.config.js +188 -26
  615. package/es/components/Avatar/Avatar.js +3 -3
  616. package/es/components/Avatar/index.js +1 -1
  617. package/es/components/AvatarGroup/AvatarGroup.js +2 -2
  618. package/es/components/AvatarGroup/index.js +1 -1
  619. package/es/components/Badge/Badge.config.js +136 -25
  620. package/es/components/Badge/Badge.js +2 -4
  621. package/es/components/Badge/index.js +1 -1
  622. package/es/components/Breadcrumbs/Breadcrumbs.config.js +51 -13
  623. package/es/components/Breadcrumbs/Breadcrumbs.js +3 -5
  624. package/es/components/Breadcrumbs/index.js +1 -1
  625. package/es/components/Button/Button.config.js +165 -25
  626. package/es/components/Button/Button.js +89 -28
  627. package/es/components/Button/index.js +1 -1
  628. package/es/components/ButtonBase/index.js +1 -1
  629. package/es/components/ButtonGroup/ButtonGroup.config.js +219 -33
  630. package/es/components/ButtonGroup/ButtonGroup.js +2 -4
  631. package/es/components/ButtonGroup/index.js +1 -1
  632. package/es/components/Calendar/Calendar.js +12 -12
  633. package/es/components/Calendar/CalendarBase.config.js +119 -13
  634. package/es/components/Calendar/CalendarDouble.config.js +119 -13
  635. package/es/components/Calendar/index.js +1 -1
  636. package/es/components/Card/Card.config.js +72 -15
  637. package/es/components/Card/Card.js +4 -6
  638. package/es/components/Card/index.js +1 -1
  639. package/es/components/Carousel/Carousel.config.js +52 -0
  640. package/es/components/Carousel/Carousel.js +5 -0
  641. package/es/components/Carousel/index.js +2 -0
  642. package/es/components/Cell/Cell.config.js +101 -11
  643. package/es/components/Cell/Cell.js +3 -5
  644. package/es/components/Cell/index.js +1 -1
  645. package/es/components/Checkbox/Checkbox.config.js +95 -20
  646. package/es/components/Checkbox/Checkbox.js +3 -4
  647. package/es/components/Checkbox/index.js +1 -1
  648. package/es/components/Chip/Chip.config.js +153 -20
  649. package/es/components/Chip/Chip.js +3 -5
  650. package/es/components/Chip/index.js +1 -1
  651. package/es/components/ChipGroup/ChipGroup.config.js +118 -19
  652. package/es/components/ChipGroup/ChipGroup.js +2 -2
  653. package/es/components/ChipGroup/index.js +1 -1
  654. package/es/components/Combobox/Combobox.config.js +304 -25
  655. package/es/components/Combobox/Combobox.js +36 -9
  656. package/es/components/Combobox/index.js +1 -1
  657. package/es/components/Counter/Counter.config.js +86 -16
  658. package/es/components/Counter/Counter.js +2 -4
  659. package/es/components/Counter/index.js +1 -1
  660. package/es/components/DatePicker/DatePicker.config.js +255 -19
  661. package/es/components/DatePicker/DatePicker.js +4 -4
  662. package/es/components/DatePicker/index.js +1 -1
  663. package/es/components/Divider/Divider.config.js +100 -22
  664. package/es/components/Divider/Divider.js +2 -4
  665. package/es/components/Divider/index.js +1 -1
  666. package/es/components/Drawer/Drawer.config.js +70 -17
  667. package/es/components/Drawer/Drawer.js +8 -16
  668. package/es/components/Drawer/index.js +1 -1
  669. package/es/components/Dropdown/Dropdown.config.js +85 -13
  670. package/es/components/Dropdown/Dropdown.js +36 -9
  671. package/es/components/Dropdown/index.js +1 -1
  672. package/es/components/Dropzone/Dropzone.config.js +77 -16
  673. package/es/components/Dropzone/Dropzone.js +2 -2
  674. package/es/components/Dropzone/index.js +1 -1
  675. package/es/components/EmptyState/EmptyState.config.js +105 -13
  676. package/es/components/EmptyState/EmptyState.js +2 -2
  677. package/es/components/EmptyState/index.js +1 -1
  678. package/es/components/Flow/Flow.config.js +3 -3
  679. package/es/components/Flow/Flow.js +2 -2
  680. package/es/components/Flow/index.js +1 -1
  681. package/es/components/Grid/Grid.config.js +62 -14
  682. package/es/components/Grid/Grid.js +2 -2
  683. package/es/components/Grid/index.js +1 -1
  684. package/es/components/IconButton/IconButton.config.js +137 -23
  685. package/es/components/IconButton/IconButton.js +3 -5
  686. package/es/components/IconButton/index.js +1 -1
  687. package/es/components/Image/Image.js +3 -5
  688. package/es/components/Image/index.js +1 -1
  689. package/es/components/Indicator/Indicator.config.js +129 -21
  690. package/es/components/Indicator/Indicator.js +3 -3
  691. package/es/components/Indicator/index.js +1 -1
  692. package/es/components/Link/Link.config.js +205 -24
  693. package/es/components/Link/Link.js +3 -4
  694. package/es/components/Link/index.js +1 -1
  695. package/es/components/Mask/Mask.js +1 -1
  696. package/es/components/Mask/index.js +1 -1
  697. package/es/components/Modal/Modal.config.js +38 -10
  698. package/es/components/Modal/Modal.js +3 -5
  699. package/es/components/Modal/index.js +1 -1
  700. package/es/components/Notification/Notification.config.js +154 -21
  701. package/es/components/Notification/Notification.js +11 -15
  702. package/es/components/Notification/index.js +1 -1
  703. package/es/components/NumberFormat/NumberFormat.js +1 -9
  704. package/es/components/NumberFormat/index.js +1 -1
  705. package/es/components/NumberInput/NumberInput.config.js +145 -29
  706. package/es/components/NumberInput/NumberInput.js +2 -2
  707. package/es/components/NumberInput/index.js +1 -1
  708. package/es/components/Overlay/index.js +1 -1
  709. package/es/components/Pagination/Pagination.config.js +130 -21
  710. package/es/components/Pagination/Pagination.js +3 -5
  711. package/es/components/Pagination/index.js +1 -1
  712. package/es/components/Popover/Popover.config.js +34 -10
  713. package/es/components/Popover/Popover.js +2 -2
  714. package/es/components/Popover/index.js +1 -1
  715. package/es/components/Popup/Popup.js +2 -4
  716. package/es/components/Popup/index.js +1 -1
  717. package/es/components/Portal/index.js +1 -1
  718. package/es/components/Price/Price.config.js +7 -7
  719. package/es/components/Price/Price.js +3 -5
  720. package/es/components/Price/index.js +1 -1
  721. package/es/components/Progress/Progress.config.js +86 -16
  722. package/es/components/Progress/Progress.js +3 -3
  723. package/es/components/Progress/index.js +1 -1
  724. package/es/components/Radiobox/Radiobox.config.js +97 -26
  725. package/es/components/Radiobox/Radiobox.js +4 -5
  726. package/es/components/Radiobox/index.js +1 -1
  727. package/es/components/Range/Range.config.js +148 -19
  728. package/es/components/Range/Range.js +2 -4
  729. package/es/components/Range/index.js +1 -1
  730. package/es/components/Rating/Rating.config.js +108 -15
  731. package/es/components/Rating/Rating.js +2 -2
  732. package/es/components/Rating/index.js +1 -1
  733. package/es/components/SSRProvider/index.js +1 -1
  734. package/es/components/Segment/Segment.js +5 -10
  735. package/es/components/Segment/SegmentGroup.config.js +121 -29
  736. package/es/components/Segment/SegmentItem.config.js +115 -20
  737. package/es/components/Segment/index.js +1 -1
  738. package/es/components/Select/Select.config.js +295 -29
  739. package/es/components/Select/Select.js +36 -9
  740. package/es/components/Select/index.js +1 -1
  741. package/es/components/Sheet/Sheet.config.js +54 -13
  742. package/es/components/Sheet/Sheet.js +3 -5
  743. package/es/components/Sheet/index.js +1 -1
  744. package/es/components/Skeleton/LineSkeleton.config.js +221 -26
  745. package/es/components/Skeleton/Skeleton.js +4 -4
  746. package/es/components/Skeleton/index.js +1 -1
  747. package/es/components/Slider/Slider.config.js +138 -17
  748. package/es/components/Slider/Slider.js +3 -5
  749. package/es/components/Slider/index.js +1 -1
  750. package/es/components/Spinner/Spinner.config.js +98 -18
  751. package/es/components/Spinner/Spinner.js +8 -6
  752. package/es/components/Spinner/index.js +1 -1
  753. package/es/components/Steps/Steps.config.js +96 -13
  754. package/es/components/Steps/Steps.js +3 -3
  755. package/es/components/Steps/index.js +1 -1
  756. package/es/components/Switch/Switch.config.js +140 -26
  757. package/es/components/Switch/Switch.js +3 -3
  758. package/es/components/Switch/index.js +1 -1
  759. package/es/components/Table/Table.config.js +248 -16
  760. package/es/components/Table/Table.js +3 -5
  761. package/es/components/Table/index.js +1 -1
  762. package/es/components/Tabs/TabItem.js +10 -11
  763. package/es/components/Tabs/Tabs.js +10 -11
  764. package/es/components/Tabs/TabsController.js +5 -7
  765. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +221 -25
  766. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +257 -32
  767. package/es/components/Tabs/index.js +1 -1
  768. package/es/components/Tabs/vertical/VerticalTabItem.config.js +116 -19
  769. package/es/components/Tabs/vertical/VerticalTabs.config.js +89 -19
  770. package/es/components/TextArea/TextArea.config.js +358 -37
  771. package/es/components/TextArea/TextArea.js +3 -5
  772. package/es/components/TextArea/index.js +1 -1
  773. package/es/components/TextField/TextField.config.js +329 -35
  774. package/es/components/TextField/TextField.js +2 -4
  775. package/es/components/TextField/index.js +1 -1
  776. package/es/components/Toast/Toast.config.js +118 -30
  777. package/es/components/Toast/Toast.js +4 -4
  778. package/es/components/Toast/index.js +1 -1
  779. package/es/components/ToastNew/ToastNew.config.js +71 -16
  780. package/es/components/ToastNew/ToastNew.js +3 -3
  781. package/es/components/ToastNew/index.js +1 -1
  782. package/es/components/Tokens/Colors/Colors.styles.js +90 -43
  783. package/es/components/Tokens/NumberTokens/NumberTokens.styles.js +37 -18
  784. package/es/components/Tokens/Typography/Typography.styles.js +135 -68
  785. package/es/components/Toolbar/Toolbar.config.js +48 -13
  786. package/es/components/Toolbar/Toolbar.js +4 -6
  787. package/es/components/Toolbar/index.js +1 -1
  788. package/es/components/Tooltip/Tooltip.config.js +62 -14
  789. package/es/components/Tooltip/Tooltip.js +2 -2
  790. package/es/components/Tooltip/index.js +1 -1
  791. package/es/components/Tree/Tree.config.js +74 -13
  792. package/es/components/Tree/Tree.js +2 -2
  793. package/es/components/Tree/index.js +1 -1
  794. package/es/components/Typography/Body.config.js +131 -38
  795. package/es/components/Typography/Dspl.config.js +83 -24
  796. package/es/components/Typography/Heading.config.js +131 -38
  797. package/es/components/Typography/Text.config.js +107 -31
  798. package/es/components/Typography/Typography.js +35 -35
  799. package/es/components/Typography/index.js +1 -1
  800. package/es/components/ViewContainer/ViewContainer.config.js +36 -8
  801. package/es/components/ViewContainer/ViewContainer.js +2 -2
  802. package/es/components/ViewContainer/index.js +1 -1
  803. package/es/index.js +2 -1
  804. package/es/mixins/index.js +1 -1
  805. package/es/tokens/index.js +1 -1
  806. package/index.d.ts +1 -0
  807. package/index.js +82 -729
  808. package/mixins/index.js +61 -20
  809. package/package.json +12 -12
  810. package/tokens/index.js +126 -255
  811. package/components/Image/Image.component-test.js +0 -92
  812. package/components/Pagination/Pagination.component-test.js +0 -298
  813. package/components/Slider/Slider.component-test.js +0 -223
  814. package/emotion/cjs/components/Accordion/Accordion.stories.tsx +0 -159
  815. package/emotion/cjs/components/Attach/Attach.stories.tsx +0 -157
  816. package/emotion/cjs/components/Autocomplete/Autocomplete.stories.tsx +0 -170
  817. package/emotion/cjs/components/Avatar/Avatar.stories.tsx +0 -74
  818. package/emotion/cjs/components/AvatarGroup/AvatarGroup.stories.tsx +0 -71
  819. package/emotion/cjs/components/Badge/Badge.stories.tsx +0 -87
  820. package/emotion/cjs/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -82
  821. package/emotion/cjs/components/Button/Button.stories.tsx +0 -212
  822. package/emotion/cjs/components/ButtonGroup/ButtonGroup.stories.tsx +0 -109
  823. package/emotion/cjs/components/Calendar/Calendar.stories.tsx +0 -304
  824. package/emotion/cjs/components/Card/Card.stories.tsx +0 -281
  825. package/emotion/cjs/components/Cell/Cell.stories.tsx +0 -97
  826. package/emotion/cjs/components/Checkbox/Checkbox.stories.tsx +0 -232
  827. package/emotion/cjs/components/Chip/Chip.stories.tsx +0 -93
  828. package/emotion/cjs/components/ChipGroup/ChipGroup.stories.tsx +0 -79
  829. package/emotion/cjs/components/Combobox/Combobox.stories.tsx +0 -604
  830. package/emotion/cjs/components/Counter/Counter.stories.tsx +0 -34
  831. package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx +0 -309
  832. package/emotion/cjs/components/Divider/Divider.stories.tsx +0 -58
  833. package/emotion/cjs/components/Drawer/Drawer.stories.tsx +0 -217
  834. package/emotion/cjs/components/Dropdown/Dropdown.stories.tsx +0 -331
  835. package/emotion/cjs/components/Dropzone/Dropzone.stories.tsx +0 -58
  836. package/emotion/cjs/components/EmptyState/EmptyState.stories.tsx +0 -43
  837. package/emotion/cjs/components/Flow/Flow.stories.tsx +0 -133
  838. package/emotion/cjs/components/Grid/Grid.stories.tsx +0 -119
  839. package/emotion/cjs/components/IconButton/IconButton.stories.tsx +0 -94
  840. package/emotion/cjs/components/Image/Image.component-test.js +0 -91
  841. package/emotion/cjs/components/Image/Image.stories.tsx +0 -44
  842. package/emotion/cjs/components/Indicator/Indicator.stories.tsx +0 -34
  843. package/emotion/cjs/components/Link/Link.stories.tsx +0 -57
  844. package/emotion/cjs/components/Mask/Mask.stories.tsx +0 -176
  845. package/emotion/cjs/components/Modal/Modal.stories.tsx +0 -426
  846. package/emotion/cjs/components/Notification/Notification.stories.tsx +0 -221
  847. package/emotion/cjs/components/NumberFormat/NumberFormat.stories.tsx +0 -186
  848. package/emotion/cjs/components/NumberInput/NumberInput.stories.tsx +0 -81
  849. package/emotion/cjs/components/Overlay/Overlay.stories.tsx +0 -76
  850. package/emotion/cjs/components/Pagination/Pagination.component-test.js +0 -298
  851. package/emotion/cjs/components/Pagination/Pagination.stories.tsx +0 -139
  852. package/emotion/cjs/components/Popover/Popover.stories.tsx +0 -127
  853. package/emotion/cjs/components/Popover/style.css +0 -4
  854. package/emotion/cjs/components/Popup/Popup.stories.tsx +0 -171
  855. package/emotion/cjs/components/Portal/Portal.stories.tsx +0 -57
  856. package/emotion/cjs/components/Price/Price.stories.tsx +0 -34
  857. package/emotion/cjs/components/Progress/Progress.stories.tsx +0 -32
  858. package/emotion/cjs/components/Radiobox/Radiobox.stories.tsx +0 -139
  859. package/emotion/cjs/components/Range/Range.stories.tsx +0 -343
  860. package/emotion/cjs/components/Rating/Rating.stories.tsx +0 -125
  861. package/emotion/cjs/components/Segment/Segment.stories.tsx +0 -162
  862. package/emotion/cjs/components/Select/Select.stories.tsx +0 -642
  863. package/emotion/cjs/components/Select/style.css +0 -37
  864. package/emotion/cjs/components/Sheet/Sheet.stories.tsx +0 -361
  865. package/emotion/cjs/components/Skeleton/Skeleton.stories.tsx +0 -116
  866. package/emotion/cjs/components/Slider/Slider.component-test.js +0 -223
  867. package/emotion/cjs/components/Slider/Slider.stories.tsx +0 -277
  868. package/emotion/cjs/components/Spinner/Spinner.stories.tsx +0 -109
  869. package/emotion/cjs/components/Steps/Steps.stories.tsx +0 -191
  870. package/emotion/cjs/components/Switch/Switch.stories.tsx +0 -100
  871. package/emotion/cjs/components/Table/Table.stories.tsx +0 -551
  872. package/emotion/cjs/components/Tabs/Tabs.stories.tsx +0 -639
  873. package/emotion/cjs/components/TextArea/TextArea.stories.tsx +0 -228
  874. package/emotion/cjs/components/TextField/TextField.stories.tsx +0 -260
  875. package/emotion/cjs/components/Toast/Toast.stories.tsx +0 -156
  876. package/emotion/cjs/components/ToastNew/ToastNew.stories.tsx +0 -87
  877. package/emotion/cjs/components/Tokens/Colors/Colors.stories.tsx +0 -196
  878. package/emotion/cjs/components/Tokens/NumberTokens/CornerRadius.stories.tsx +0 -93
  879. package/emotion/cjs/components/Tokens/NumberTokens/Spacing.stories.tsx +0 -93
  880. package/emotion/cjs/components/Tokens/Typography/Typography.stories.tsx +0 -277
  881. package/emotion/cjs/components/Toolbar/Toolbar.stories.tsx +0 -64
  882. package/emotion/cjs/components/Tooltip/Tooltip.stories.tsx +0 -152
  883. package/emotion/cjs/components/Tree/Tree.stories.tsx +0 -146
  884. package/emotion/cjs/components/Typography/Typography.stories.tsx +0 -243
  885. package/emotion/es/components/Accordion/Accordion.stories.tsx +0 -159
  886. package/emotion/es/components/Attach/Attach.stories.tsx +0 -157
  887. package/emotion/es/components/Autocomplete/Autocomplete.stories.tsx +0 -170
  888. package/emotion/es/components/Avatar/Avatar.stories.tsx +0 -74
  889. package/emotion/es/components/AvatarGroup/AvatarGroup.stories.tsx +0 -71
  890. package/emotion/es/components/Badge/Badge.stories.tsx +0 -87
  891. package/emotion/es/components/Breadcrumbs/Breadcrumbs.stories.tsx +0 -82
  892. package/emotion/es/components/Button/Button.stories.tsx +0 -212
  893. package/emotion/es/components/ButtonGroup/ButtonGroup.stories.tsx +0 -109
  894. package/emotion/es/components/Calendar/Calendar.stories.tsx +0 -304
  895. package/emotion/es/components/Card/Card.stories.tsx +0 -281
  896. package/emotion/es/components/Cell/Cell.stories.tsx +0 -97
  897. package/emotion/es/components/Checkbox/Checkbox.stories.tsx +0 -232
  898. package/emotion/es/components/Chip/Chip.stories.tsx +0 -93
  899. package/emotion/es/components/ChipGroup/ChipGroup.stories.tsx +0 -79
  900. package/emotion/es/components/Combobox/Combobox.stories.tsx +0 -604
  901. package/emotion/es/components/Counter/Counter.stories.tsx +0 -34
  902. package/emotion/es/components/DatePicker/DatePicker.stories.tsx +0 -309
  903. package/emotion/es/components/Divider/Divider.stories.tsx +0 -58
  904. package/emotion/es/components/Drawer/Drawer.stories.tsx +0 -217
  905. package/emotion/es/components/Dropdown/Dropdown.stories.tsx +0 -331
  906. package/emotion/es/components/Dropzone/Dropzone.stories.tsx +0 -58
  907. package/emotion/es/components/EmptyState/EmptyState.stories.tsx +0 -43
  908. package/emotion/es/components/Flow/Flow.stories.tsx +0 -133
  909. package/emotion/es/components/Grid/Grid.stories.tsx +0 -119
  910. package/emotion/es/components/IconButton/IconButton.stories.tsx +0 -94
  911. package/emotion/es/components/Image/Image.component-test.js +0 -85
  912. package/emotion/es/components/Image/Image.stories.tsx +0 -44
  913. package/emotion/es/components/Indicator/Indicator.stories.tsx +0 -34
  914. package/emotion/es/components/Link/Link.stories.tsx +0 -57
  915. package/emotion/es/components/Mask/Mask.stories.tsx +0 -176
  916. package/emotion/es/components/Modal/Modal.stories.tsx +0 -426
  917. package/emotion/es/components/Notification/Notification.stories.tsx +0 -221
  918. package/emotion/es/components/NumberFormat/NumberFormat.stories.tsx +0 -186
  919. package/emotion/es/components/NumberInput/NumberInput.stories.tsx +0 -81
  920. package/emotion/es/components/Overlay/Overlay.stories.tsx +0 -76
  921. package/emotion/es/components/Pagination/Pagination.component-test.js +0 -293
  922. package/emotion/es/components/Pagination/Pagination.stories.tsx +0 -139
  923. package/emotion/es/components/Popover/Popover.stories.tsx +0 -127
  924. package/emotion/es/components/Popover/style.css +0 -4
  925. package/emotion/es/components/Popup/Popup.stories.tsx +0 -171
  926. package/emotion/es/components/Portal/Portal.stories.tsx +0 -57
  927. package/emotion/es/components/Price/Price.stories.tsx +0 -34
  928. package/emotion/es/components/Progress/Progress.stories.tsx +0 -32
  929. package/emotion/es/components/Radiobox/Radiobox.stories.tsx +0 -139
  930. package/emotion/es/components/Range/Range.stories.tsx +0 -343
  931. package/emotion/es/components/Rating/Rating.stories.tsx +0 -125
  932. package/emotion/es/components/Segment/Segment.stories.tsx +0 -162
  933. package/emotion/es/components/Select/Select.stories.tsx +0 -642
  934. package/emotion/es/components/Select/style.css +0 -37
  935. package/emotion/es/components/Sheet/Sheet.stories.tsx +0 -361
  936. package/emotion/es/components/Skeleton/Skeleton.stories.tsx +0 -116
  937. package/emotion/es/components/Slider/Slider.component-test.js +0 -220
  938. package/emotion/es/components/Slider/Slider.stories.tsx +0 -277
  939. package/emotion/es/components/Spinner/Spinner.stories.tsx +0 -109
  940. package/emotion/es/components/Steps/Steps.stories.tsx +0 -191
  941. package/emotion/es/components/Switch/Switch.stories.tsx +0 -100
  942. package/emotion/es/components/Table/Table.stories.tsx +0 -551
  943. package/emotion/es/components/Tabs/Tabs.stories.tsx +0 -639
  944. package/emotion/es/components/TextArea/TextArea.stories.tsx +0 -228
  945. package/emotion/es/components/TextField/TextField.stories.tsx +0 -260
  946. package/emotion/es/components/Toast/Toast.stories.tsx +0 -156
  947. package/emotion/es/components/ToastNew/ToastNew.stories.tsx +0 -87
  948. package/emotion/es/components/Tokens/Colors/Colors.stories.tsx +0 -196
  949. package/emotion/es/components/Tokens/NumberTokens/CornerRadius.stories.tsx +0 -93
  950. package/emotion/es/components/Tokens/NumberTokens/Spacing.stories.tsx +0 -93
  951. package/emotion/es/components/Tokens/Typography/Typography.stories.tsx +0 -277
  952. package/emotion/es/components/Toolbar/Toolbar.stories.tsx +0 -64
  953. package/emotion/es/components/Tooltip/Tooltip.stories.tsx +0 -152
  954. package/emotion/es/components/Tree/Tree.stories.tsx +0 -146
  955. package/emotion/es/components/Typography/Typography.stories.tsx +0 -243
  956. package/es/components/Image/Image.component-test.js +0 -86
  957. package/es/components/Pagination/Pagination.component-test.js +0 -293
  958. package/es/components/Slider/Slider.component-test.js +0 -220
  959. /package/emotion/{cjs/helpers/index.ts → es/helpers/index.js} +0 -0
  960. /package/{emotion/es/helpers/index.ts → es/helpers/index.js} +0 -0
@@ -1,277 +0,0 @@
1
- import React, { Dispatch, FC, SetStateAction, useEffect, useState } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
- import { sdds_cs__light } from '@salutejs/sdds-themes';
4
- import {
5
- InSpacingDecorator,
6
- getGroupedTypographyTokens,
7
- typographyPangrams,
8
- upperFirstLetter,
9
- typographyToCssMap,
10
- } from '@salutejs/plasma-sb-utils';
11
- import type {
12
- TypographyStructure,
13
- Breakpoint,
14
- TypographyProperties,
15
- TypographyWeight,
16
- } from '@salutejs/plasma-sb-utils';
17
-
18
- import { Accordion } from '../../Accordion/Accordion';
19
- import { ToastProvider, useToast } from '../../Toast/Toast';
20
- import { SegmentGroup } from '../../Segment/Segment';
21
- import type { ShowToastArgs } from '../../Toast';
22
- import { SegmentProvider, useSegment } from '../../Segment';
23
-
24
- import {
25
- AccordionInfo,
26
- AccordionTypographyTitle,
27
- BreakpointSwitcher,
28
- FontFamily,
29
- FontPropsSwitcher,
30
- FontWeightSwitcher,
31
- StyledAccordionItem,
32
- StyledSegmentItem,
33
- TokenInfo,
34
- TokenInfoWrapper,
35
- TokenPropName,
36
- TokenProps,
37
- TokenPropsWrapper,
38
- TokenPropValue,
39
- TokenShortName,
40
- TokenText,
41
- TypographyTokensWrapper,
42
- } from './Typography.styles';
43
-
44
- const meta: Meta = {
45
- title: 'Tokens/Typography',
46
- decorators: [InSpacingDecorator],
47
- };
48
-
49
- export default meta;
50
-
51
- const themes: Record<string, TypographyStructure> = {
52
- 'sdds-srvc:light': getGroupedTypographyTokens(sdds_cs__light[0]),
53
- };
54
-
55
- type FontWeightControllerProps = {
56
- fontWeights: Array<TypographyWeight>;
57
- setFontWeight: Dispatch<SetStateAction<TypographyWeight>>;
58
- };
59
-
60
- type BreakpointControllerProps = {
61
- breakpoints: Array<Breakpoint>;
62
- setBreakPoint: Dispatch<SetStateAction<Breakpoint>>;
63
- };
64
-
65
- type FontControllerProps = {
66
- controlledParams: FontWeightControllerProps['fontWeights'] | BreakpointControllerProps['breakpoints'];
67
- setCurrentParam: FontWeightControllerProps['setFontWeight'] | BreakpointControllerProps['setBreakPoint'];
68
- };
69
-
70
- const FontController: FC<FontControllerProps> = ({ controlledParams, setCurrentParam }) => {
71
- const { selectedSegmentItems } = useSegment();
72
-
73
- useEffect(() => {
74
- setCurrentParam(selectedSegmentItems[0] as TypographyWeight & Breakpoint);
75
- }, [selectedSegmentItems]);
76
-
77
- return (
78
- <SegmentGroup view="clear" size="xs" hasBackground pilled>
79
- {controlledParams.map((param) => (
80
- <StyledSegmentItem
81
- key={`label_${param}`}
82
- value={param}
83
- label={upperFirstLetter(param)}
84
- view="default"
85
- pilled
86
- />
87
- ))}
88
- </SegmentGroup>
89
- );
90
- };
91
-
92
- const FontParamsSwitcher: FC<FontWeightControllerProps & BreakpointControllerProps> = ({
93
- fontWeights,
94
- setFontWeight,
95
- breakpoints,
96
- setBreakPoint,
97
- }) => {
98
- return (
99
- <FontPropsSwitcher>
100
- <SegmentProvider defaultSelected={[fontWeights[0]]} singleSelectedRequired>
101
- <FontWeightSwitcher>
102
- <FontController controlledParams={fontWeights} setCurrentParam={setFontWeight} />
103
- </FontWeightSwitcher>
104
- </SegmentProvider>
105
- <SegmentProvider defaultSelected={[breakpoints[0]]} singleSelectedRequired>
106
- <BreakpointSwitcher>
107
- <FontController controlledParams={breakpoints} setCurrentParam={setBreakPoint} />
108
- </BreakpointSwitcher>
109
- </SegmentProvider>
110
- </FontPropsSwitcher>
111
- );
112
- };
113
-
114
- type TokenDataProps = {
115
- title: string;
116
- token: string;
117
- size: string;
118
- fontFamily: string;
119
- fontWeight: TypographyWeight;
120
- data: TypographyProperties;
121
- copyToClipboard: (value: string) => Promise<void>;
122
- };
123
-
124
- const getFontProps = (fontFamily: string, data: TypographyProperties) => {
125
- return Object.entries(data).reduce((acc, [name, value]) => {
126
- acc += `${typographyToCssMap[name]}: ${value};\n`;
127
- return acc;
128
- }, `font-family: ${fontFamily};\n`);
129
- };
130
-
131
- const getFontTokens = (fontFamily: string, title: string, token: string, size: string, isBold) => {
132
- return Object.values(typographyToCssMap).reduce((acc, value) => {
133
- const tokenName = title === 'header' ? '' : `${token}-`;
134
- const boldPart = isBold && value === 'font-weight' ? 'bold-' : '';
135
- const fullTokenName = `--plasma-typo-${tokenName}${size}-${boldPart}`;
136
-
137
- acc += `${value}: var(${fullTokenName}${value});\n`;
138
- return acc;
139
- }, `font-family: ${fontFamily};\n`);
140
- };
141
-
142
- const TokenData: FC<TokenDataProps> = ({ title, token, size, fontFamily, fontWeight, data, copyToClipboard }) => {
143
- const actualTitle = title === 'header' ? size : title + size.toLocaleUpperCase();
144
- const isBold = fontWeight === 'bold';
145
-
146
- const copyFontTokens = () => {
147
- const fontTokens = getFontTokens(fontFamily, title, token, size, isBold);
148
- copyToClipboard(fontTokens);
149
- };
150
-
151
- const copyFontProps = () => {
152
- const fontProps = getFontProps(fontFamily, data);
153
- copyToClipboard(fontProps);
154
- };
155
-
156
- return (
157
- <AccordionInfo>
158
- <TokenShortName onClick={copyFontTokens}>
159
- {actualTitle} {fontWeight.charAt(0).toLocaleUpperCase()}
160
- </TokenShortName>
161
-
162
- <TokenInfo>
163
- <TokenText {...data} isDisplay={token === 'dspl'}>
164
- {typographyPangrams[token]}
165
- </TokenText>
166
- <TokenPropsWrapper onClick={copyFontProps}>
167
- {Object.entries(data).map(([name, value]) => {
168
- const cleanValue =
169
- name === 'fontSize' || name === 'lineHeight'
170
- ? Number(value.replace('rem', '')) * 16
171
- : value;
172
- return (
173
- <TokenProps>
174
- <TokenPropValue>{cleanValue}</TokenPropValue>
175
- <TokenPropName>{name}</TokenPropName>
176
- </TokenProps>
177
- );
178
- })}
179
- </TokenPropsWrapper>
180
- </TokenInfo>
181
- </AccordionInfo>
182
- );
183
- };
184
-
185
- const StoryDemoTypography = ({ context }) => {
186
- const groupedTokens = themes[context.globals.theme];
187
-
188
- const actualFontWeights = Object.keys(groupedTokens) as Array<TypographyWeight>;
189
- const [fontWeight, setFontWeight] = useState<TypographyWeight>(actualFontWeights[0]);
190
-
191
- const actualBreakpoints = Object.keys(groupedTokens[fontWeight]) as Array<Breakpoint>;
192
- const [breakpoint, setBreakpoint] = useState<Breakpoint>(actualBreakpoints[0]);
193
-
194
- const { showToast } = useToast();
195
- const toastData = {
196
- view: 'default',
197
- size: 'm',
198
- hasClose: true,
199
- fade: false,
200
- position: 'bottom',
201
- offset: 0,
202
- timeout: 3000,
203
- role: 'alert',
204
- } as ShowToastArgs;
205
-
206
- const copyToClipboard = async (value: string) => {
207
- try {
208
- await navigator.clipboard.writeText(value);
209
-
210
- showToast({
211
- ...toastData,
212
- text: 'Скопировано',
213
- });
214
- } catch (err) {
215
- showToast({
216
- ...toastData,
217
- text: 'Ошибка при копировании текста',
218
- });
219
- }
220
- };
221
-
222
- if (!groupedTokens[fontWeight][breakpoint]) {
223
- return null;
224
- }
225
-
226
- return (
227
- <TypographyTokensWrapper>
228
- <FontParamsSwitcher
229
- fontWeights={actualFontWeights}
230
- setFontWeight={setFontWeight}
231
- breakpoints={actualBreakpoints}
232
- setBreakPoint={setBreakpoint}
233
- />
234
- <Accordion view="clear" size="s" stretching="filled" defaultActiveEventKey={[0]}>
235
- {Object.entries(groupedTokens[fontWeight][breakpoint]).map(([token, { fontFamily, sizes }], index) => {
236
- const title = token === 'dspl' ? 'display' : token;
237
-
238
- return (
239
- <StyledAccordionItem
240
- key={title + fontFamily}
241
- eventKey={index}
242
- type="arrow"
243
- title={
244
- <AccordionTypographyTitle>
245
- {upperFirstLetter(title)} <FontFamily>{fontFamily}</FontFamily>
246
- </AccordionTypographyTitle>
247
- }
248
- >
249
- <TokenInfoWrapper>
250
- {Object.entries(sizes).map(([size, data]) => (
251
- <TokenData
252
- key={size + title}
253
- title={title}
254
- fontWeight={fontWeight}
255
- fontFamily={fontFamily}
256
- token={token}
257
- size={size}
258
- data={data}
259
- copyToClipboard={copyToClipboard}
260
- />
261
- ))}
262
- </TokenInfoWrapper>
263
- </StyledAccordionItem>
264
- );
265
- })}
266
- </Accordion>
267
- </TypographyTokensWrapper>
268
- );
269
- };
270
-
271
- export const Default: StoryObj = {
272
- render: (_, context) => (
273
- <ToastProvider>
274
- <StoryDemoTypography context={context} />
275
- </ToastProvider>
276
- ),
277
- };
@@ -1,64 +0,0 @@
1
- import React from 'react';
2
- import type { ComponentProps } from 'react';
3
- import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
4
- import type { StoryObj, Meta } from '@storybook/react';
5
- import { IconEdit } from '@salutejs/plasma-icons';
6
-
7
- import { Button } from '../Button';
8
-
9
- import { Toolbar, ToolbarDivider } from './Toolbar';
10
-
11
- const orientations: Array<string> = ['vertical', 'horizontal'];
12
- const size: Array<string> = ['s'];
13
-
14
- const ToolbarWrapper = (props: ComponentProps<typeof Toolbar>) => {
15
- return (
16
- <Toolbar {...props}>
17
- <Button square size={props.size} view="clear" contentLeft={<IconEdit />} />
18
- <Button square size={props.size} view="clear" contentLeft={<IconEdit />} />
19
- <Button square size={props.size} view="clear" contentLeft={<IconEdit />} />
20
- <ToolbarDivider />
21
- <Button square size={props.size} view="clear" contentLeft={<IconEdit />} />
22
- <Button square size={props.size} view="clear" contentLeft={<IconEdit />} />
23
- </Toolbar>
24
- );
25
- };
26
-
27
- const meta: Meta<typeof Toolbar> = {
28
- title: 'Overlay/Toolbar',
29
- component: ToolbarWrapper,
30
- decorators: [InSpacingDecorator],
31
- argTypes: {
32
- orientation: {
33
- options: orientations,
34
- control: {
35
- type: 'select',
36
- },
37
- },
38
- hasShadow: {
39
- control: {
40
- type: 'boolean',
41
- },
42
- },
43
- size: {
44
- options: size,
45
- control: {
46
- type: 'select',
47
- },
48
- },
49
- ...disableProps(['view', 'size']),
50
- },
51
- args: {
52
- orientation: 'vertical',
53
- hasShadow: true,
54
- size: 's',
55
- },
56
- };
57
-
58
- export default meta;
59
-
60
- type Story = StoryObj<typeof Toolbar>;
61
-
62
- export const Default: Story = {
63
- args: {},
64
- };
@@ -1,152 +0,0 @@
1
- import React, { useState } from 'react';
2
- import styled from 'styled-components';
3
- import { IconPlasma } from '@salutejs/plasma-icons';
4
- import type { StoryObj, Meta } from '@storybook/react';
5
- import { InSpacingDecorator, disableProps } from '@salutejs/plasma-sb-utils';
6
-
7
- import { Button } from '../Button/Button';
8
-
9
- import { Tooltip } from '.';
10
- import type { TooltipProps } from '.';
11
-
12
- const placements: Array<string> = [
13
- 'top',
14
- 'top-start',
15
- 'top-end',
16
-
17
- 'bottom',
18
- 'bottom-start',
19
- 'bottom-end',
20
-
21
- 'left',
22
- 'left-start',
23
- 'left-end',
24
-
25
- 'right',
26
- 'right-start',
27
- 'right-end',
28
-
29
- 'auto',
30
- ];
31
-
32
- const disabledProps = [
33
- 'target',
34
- 'children',
35
- 'text',
36
- 'opened',
37
- 'isOpen',
38
- 'isVisible',
39
- 'offset',
40
- 'frame',
41
- 'view',
42
- 'zIndex',
43
- 'minWidth',
44
- 'maxWidth',
45
- 'contentLeft',
46
- 'onDismiss',
47
- 'size',
48
- ];
49
- const meta: Meta<TooltipProps> = {
50
- title: 'Overlay/Tooltip',
51
- decorators: [InSpacingDecorator],
52
- component: Tooltip,
53
- };
54
-
55
- export default meta;
56
-
57
- const StyledGrid = styled.div`
58
- display: grid;
59
- grid-template-columns: repeat(3, max-content);
60
- grid-gap: 1rem 3.5rem;
61
- padding: 3.5rem;
62
- `;
63
-
64
- const StoryDefault = (props: Pick<TooltipProps, 'hasArrow' | 'size' | 'usePortal'>) => {
65
- return (
66
- <StyledGrid>
67
- <Tooltip
68
- target={<Tooltip target={<Button>Btn</Button>} placement="left" opened text="left" {...props} />}
69
- placement="top-start"
70
- opened
71
- text="top-start"
72
- view="default"
73
- {...props}
74
- />
75
- <Tooltip target={<Button>Btn</Button>} placement="top" opened text="top" {...props} />
76
- <Tooltip
77
- target={<Tooltip target={<Button>Btn</Button>} placement="right" opened text="right" {...props} />}
78
- placement="top-end"
79
- opened
80
- text="top-end"
81
- {...props}
82
- />
83
- <Tooltip target={<Button>Btn</Button>} placement="bottom-start" opened text="bottom-start" {...props} />
84
- <Tooltip target={<Button>Btn</Button>} placement="bottom" opened text="bottom" {...props} />
85
- <Tooltip target={<Button>Btn</Button>} placement="bottom-end" opened text="bottom-end" {...props} />
86
- </StyledGrid>
87
- );
88
- };
89
-
90
- export const Default: StoryObj<TooltipProps> = {
91
- argTypes: {
92
- ...disableProps([...disabledProps, 'placement']),
93
- },
94
- args: {
95
- maxWidth: 10,
96
- minWidth: 3,
97
- hasArrow: true,
98
- usePortal: false,
99
- animated: true,
100
- size: 's',
101
- },
102
- render: (args) => <StoryDefault {...args} />,
103
- };
104
-
105
- const StyledRow = styled.div`
106
- display: flex;
107
- width: 150vw;
108
- height: 150vh;
109
- padding: 10rem;
110
- `;
111
-
112
- const StoryLive = (args: TooltipProps) => {
113
- const [isOpen, setIsOpen] = useState(false);
114
-
115
- return (
116
- <>
117
- <StyledRow>
118
- <Tooltip
119
- target={<Button onClick={() => setIsOpen(!isOpen)}>Show tooltip</Button>}
120
- contentLeft={<IconPlasma size="xs" />}
121
- {...args}
122
- id="example-tooltip-firstname"
123
- text="Tooltip text"
124
- opened={isOpen}
125
- />
126
- </StyledRow>
127
- </>
128
- );
129
- };
130
-
131
- export const Live: StoryObj<TooltipProps> = {
132
- argTypes: {
133
- placement: {
134
- options: placements,
135
- control: {
136
- type: 'select',
137
- },
138
- mapping: placements,
139
- },
140
- ...disableProps(disabledProps),
141
- },
142
- args: {
143
- placement: 'bottom',
144
- maxWidth: 10,
145
- minWidth: 3,
146
- hasArrow: true,
147
- usePortal: false,
148
- animated: true,
149
- size: 's',
150
- },
151
- render: (args) => <StoryLive {...args} />,
152
- };
@@ -1,146 +0,0 @@
1
- import * as React from 'react';
2
- import type { ComponentProps } from 'react';
3
- import type { StoryObj, Meta } from '@storybook/react';
4
- import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
5
- import { IconBlankTxtOutline, IconLock, IconTrash } from '@salutejs/plasma-icons';
6
-
7
- import { Tree } from './Tree';
8
-
9
- type StoryTreeProps = ComponentProps<typeof Tree>;
10
-
11
- const size = ['s'];
12
- const arrowPlacements = ['left', 'right'];
13
-
14
- const meta: Meta<StoryTreeProps> = {
15
- title: 'Data Entry/Tree',
16
- decorators: [InSpacingDecorator],
17
- component: Tree,
18
- argTypes: {
19
- size: {
20
- control: 'select',
21
- options: size,
22
- },
23
- checkable: {
24
- control: 'boolean',
25
- },
26
- multiple: {
27
- control: 'boolean',
28
- },
29
- arrowPlacement: {
30
- options: arrowPlacements,
31
- control: {
32
- type: 'inline-radio',
33
- },
34
- },
35
- defaultExpandAll: {
36
- control: 'boolean',
37
- },
38
- fullWidthItemSelection: {
39
- control: 'boolean',
40
- },
41
- height: {
42
- control: 'number',
43
- },
44
- hasIcon: {
45
- control: 'boolean',
46
- },
47
- },
48
- args: {
49
- size: 's',
50
- fullWidthItemSelection: false,
51
- checkable: false,
52
- multiple: false,
53
- arrowPlacement: 'left',
54
- defaultExpandAll: true,
55
- height: undefined,
56
- hasIcon: true,
57
- },
58
- parameters: {
59
- controls: {
60
- include: [
61
- 'size',
62
- 'fullWidthItemSelection',
63
- 'checkable',
64
- 'multiple',
65
- 'arrowPlacement',
66
- 'defaultExpandAll',
67
- 'height',
68
- 'hasIcon',
69
- ],
70
- },
71
- },
72
- };
73
-
74
- export default meta;
75
-
76
- const StoryDefault = (args: StoryTreeProps) => {
77
- const treeData: any[] = [
78
- {
79
- title: 'Основной каталог',
80
- key: '0-0',
81
- contentRight: <IconTrash size={args.size === 'xs' ? 'xs' : 's'} color="var(--text-secondary)" />,
82
- children: [
83
- {
84
- title: 'Документы',
85
- key: '0-0-0',
86
- children: [
87
- {
88
- title: 'Отчёты',
89
- key: '0-0-0-0',
90
- contentRight: (
91
- <IconLock size={args.size === 'xs' ? 'xs' : 's'} color="var(--text-secondary)" />
92
- ),
93
- disabled: true,
94
- },
95
- {
96
- title: 'Проекты',
97
- key: '0-0-0-1',
98
- children: [
99
- {
100
- title: 'Проект Альфа',
101
- key: '0-0-0-0-0',
102
- icon: (
103
- <IconBlankTxtOutline size={args.size === 'xs' ? 'xs' : 's'} color="inherit" />
104
- ),
105
- },
106
- {
107
- title: 'Проект Бета',
108
- key: '0-0-0-0-1',
109
- icon: (
110
- <IconBlankTxtOutline size={args.size === 'xs' ? 'xs' : 's'} color="inherit" />
111
- ),
112
- },
113
- ],
114
- },
115
- ],
116
- },
117
- {
118
- title: 'Медиа',
119
- key: '0-0-1',
120
- children: [
121
- {
122
- title: 'Фотографии',
123
- key: '0-0-1-0',
124
- },
125
- ],
126
- },
127
- ],
128
- },
129
- {
130
- title: 'Корзина',
131
- key: '0-1',
132
- children: [
133
- {
134
- title: 'Удалённые файлы',
135
- key: '0-1-0',
136
- },
137
- ],
138
- },
139
- ];
140
-
141
- return <Tree {...args} items={treeData} />;
142
- };
143
-
144
- export const Default: StoryObj<StoryTreeProps> = {
145
- render: (args) => <StoryDefault {...args} />,
146
- };