@salutejs/plasma-web 1.585.0-canary.2020.15831403447.0 → 1.585.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 (545) hide show
  1. package/components/Accordion/Accordion.config.js +32 -359
  2. package/components/Accordion/Accordion.js +12 -12
  3. package/components/Accordion/index.js +15 -16
  4. package/components/Attach/Attach.config.js +36 -818
  5. package/components/Attach/Attach.js +11 -11
  6. package/components/Attach/index.js +7 -6
  7. package/components/AudioPlayer/index.js +7 -6
  8. package/components/Autocomplete/Autocomplete.config.js +42 -636
  9. package/components/Autocomplete/Autocomplete.js +7 -11
  10. package/components/Autocomplete/index.js +7 -6
  11. package/components/Avatar/Avatar.config.js +44 -419
  12. package/components/Avatar/Avatar.js +7 -19
  13. package/components/Avatar/index.js +7 -6
  14. package/components/AvatarGroup/AvatarGroup.js +6 -10
  15. package/components/AvatarGroup/index.js +7 -6
  16. package/components/Badge/Badge.config.js +41 -285
  17. package/components/Badge/Badge.js +11 -11
  18. package/components/Badge/Badge.perftest.js +20 -54
  19. package/components/Badge/index.js +7 -6
  20. package/components/Breadcrumbs/Breadcrumbs.config.js +21 -111
  21. package/components/Breadcrumbs/Breadcrumbs.js +12 -12
  22. package/components/Breadcrumbs/index.js +7 -6
  23. package/components/Button/Button.config.js +54 -542
  24. package/components/Button/Button.js +12 -12
  25. package/components/Button/Button.perftest.js +34 -76
  26. package/components/Button/index.js +7 -6
  27. package/components/ButtonBase/index.js +7 -6
  28. package/components/ButtonGroup/ButtonGroup.config.js +59 -570
  29. package/components/ButtonGroup/ButtonGroup.js +11 -11
  30. package/components/ButtonGroup/index.js +7 -6
  31. package/components/Calendar/Calendar.js +18 -39
  32. package/components/Calendar/Calendar.perftest.js +82 -122
  33. package/components/Calendar/CalendarBase.config.js +21 -318
  34. package/components/Calendar/CalendarDouble.config.js +21 -320
  35. package/components/Calendar/index.js +32 -24
  36. package/components/Card/index.js +38 -27
  37. package/components/Carousel/Carousel.config.js +18 -57
  38. package/components/Carousel/Carousel.js +20 -55
  39. package/components/Carousel/Legacy/Carousel.examples.js +40 -74
  40. package/components/Carousel/Legacy/Carousel.js +7 -11
  41. package/components/Carousel/index.js +21 -19
  42. package/components/Cell/Cell.config.js +18 -180
  43. package/components/Cell/Cell.js +12 -12
  44. package/components/Cell/index.js +33 -25
  45. package/components/Checkbox/Checkbox.config.js +42 -297
  46. package/components/Checkbox/Checkbox.js +11 -12
  47. package/components/Checkbox/Checkbox.perftest.js +22 -57
  48. package/components/Checkbox/index.js +7 -6
  49. package/components/Chip/Chip.config.js +41 -322
  50. package/components/Chip/Chip.js +12 -12
  51. package/components/Chip/index.js +7 -6
  52. package/components/ChipGroup/ChipGroup.config.js +27 -208
  53. package/components/ChipGroup/ChipGroup.js +7 -11
  54. package/components/ChipGroup/index.js +7 -6
  55. package/components/CodeField/CodeField.config.js +27 -145
  56. package/components/CodeField/CodeField.js +7 -11
  57. package/components/CodeField/index.js +39 -28
  58. package/components/Combobox/Combobox.config.js +42 -819
  59. package/components/Combobox/Combobox.js +20 -55
  60. package/components/Combobox/Legacy/Combobox.config.js +21 -354
  61. package/components/Combobox/Legacy/Combobox.js +17 -41
  62. package/components/Combobox/Legacy/index.js +38 -27
  63. package/components/Combobox/index.js +39 -28
  64. package/components/Counter/Counter.config.js +33 -222
  65. package/components/Counter/Counter.js +11 -11
  66. package/components/Counter/index.js +15 -16
  67. package/components/DatePicker/DatePicker.config.js +27 -586
  68. package/components/DatePicker/DatePicker.js +9 -21
  69. package/components/DatePicker/index.js +27 -22
  70. package/components/Divider/Divider.config.js +27 -109
  71. package/components/Divider/Divider.js +11 -11
  72. package/components/Divider/index.js +15 -16
  73. package/components/Drawer/Drawer.config.js +22 -78
  74. package/components/Drawer/Drawer.js +29 -31
  75. package/components/Drawer/index.js +26 -21
  76. package/components/Dropdown/Dropdown.config.js +22 -245
  77. package/components/Dropdown/Dropdown.js +15 -50
  78. package/components/Dropdown/components/DropdownItem.js +73 -200
  79. package/components/Dropdown/components/DropdownList.js +8 -19
  80. package/components/Dropdown/components/DropdownOld.config.js +23 -142
  81. package/components/Dropdown/components/DropdownPopup.js +37 -158
  82. package/components/Dropdown/index.js +36 -28
  83. package/components/Dropzone/Dropzone.config.js +21 -86
  84. package/components/Dropzone/Dropzone.js +7 -11
  85. package/components/Dropzone/index.js +21 -19
  86. package/components/Editable/Editable.config.js +18 -56
  87. package/components/Editable/Editable.js +13 -63
  88. package/components/Editable/index.js +7 -6
  89. package/components/ElasticGrid/ElasticGrid.perftest.js +28 -49
  90. package/components/ElasticGrid/index.js +7 -6
  91. package/components/EmptyState/EmptyState.config.js +18 -114
  92. package/components/EmptyState/EmptyState.js +7 -19
  93. package/components/EmptyState/index.js +7 -6
  94. package/components/Flow/Flow.js +6 -10
  95. package/components/Flow/index.js +7 -6
  96. package/components/Grid/Grid.config.js +22 -102
  97. package/components/Grid/Grid.js +18 -21
  98. package/components/Grid/index.js +20 -18
  99. package/components/IconButton/IconButton.config.js +43 -425
  100. package/components/IconButton/IconButton.js +12 -12
  101. package/components/IconButton/index.js +7 -6
  102. package/components/Image/Image.js +11 -11
  103. package/components/Image/index.js +7 -6
  104. package/components/Indicator/Indicator.config.js +27 -149
  105. package/components/Indicator/Indicator.js +7 -19
  106. package/components/Indicator/index.js +7 -6
  107. package/components/Link/Link.config.js +34 -235
  108. package/components/Link/Link.js +12 -12
  109. package/components/Link/index.js +7 -6
  110. package/components/LinkButton/LinkButton.config.js +31 -274
  111. package/components/LinkButton/LinkButton.js +7 -11
  112. package/components/LinkButton/index.js +7 -6
  113. package/components/List/List.config.js +25 -177
  114. package/components/List/List.js +12 -12
  115. package/components/List/index.js +15 -16
  116. package/components/Mask/Mask.js +6 -10
  117. package/components/Mask/index.js +7 -6
  118. package/components/Modal/Modal.perftest.js +20 -25
  119. package/components/Modal/index.js +20 -18
  120. package/components/ModalBase/Modal.config.js +15 -47
  121. package/components/ModalBase/ModalBase.js +12 -12
  122. package/components/ModalBase/index.js +15 -16
  123. package/components/Note/Note.config.js +25 -245
  124. package/components/Note/Note.js +7 -11
  125. package/components/Note/index.js +21 -19
  126. package/components/Notification/Notification.config.js +30 -361
  127. package/components/Notification/Notification.js +23 -38
  128. package/components/Notification/index.js +27 -22
  129. package/components/NumberFormat/NumberFormat.js +13 -10
  130. package/components/NumberFormat/index.js +7 -6
  131. package/components/NumberInput/NumberInput.config.js +42 -394
  132. package/components/NumberInput/NumberInput.js +7 -11
  133. package/components/NumberInput/index.js +21 -19
  134. package/components/Overlay/index.js +7 -6
  135. package/components/Pagination/Pagination.config.js +43 -399
  136. package/components/Pagination/Pagination.js +12 -12
  137. package/components/Pagination/index.js +7 -6
  138. package/components/PaginationDots/index.js +20 -18
  139. package/components/Popover/Popover.config.js +15 -43
  140. package/components/Popover/Popover.js +7 -11
  141. package/components/Popover/index.js +7 -6
  142. package/components/Popup/index.js +7 -6
  143. package/components/PopupBase/PopupBase.js +10 -10
  144. package/components/PopupBase/index.js +27 -22
  145. package/components/Portal/index.js +7 -6
  146. package/components/PreviewGallery/PreviewGallery.perftest.js +74 -104
  147. package/components/PreviewGallery/index.js +32 -24
  148. package/components/Price/Price.config.js +11 -15
  149. package/components/Price/Price.js +12 -12
  150. package/components/Price/index.js +15 -16
  151. package/components/Progress/Progress.config.js +25 -147
  152. package/components/Progress/Progress.js +8 -12
  153. package/components/Progress/index.js +7 -6
  154. package/components/Radiobox/Radiobox.config.js +49 -304
  155. package/components/Radiobox/Radiobox.js +16 -19
  156. package/components/Radiobox/Radiobox.perftest.js +31 -35
  157. package/components/Radiobox/index.js +14 -15
  158. package/components/Range/Range.config.js +27 -319
  159. package/components/Range/Range.js +11 -11
  160. package/components/Range/index.js +15 -16
  161. package/components/Rating/Rating.config.js +31 -469
  162. package/components/Rating/Rating.js +7 -11
  163. package/components/Rating/index.js +21 -19
  164. package/components/SSRProvider/index.js +7 -6
  165. package/components/Segment/Segment.js +32 -27
  166. package/components/Segment/SegmentGroup.config.js +38 -196
  167. package/components/Segment/SegmentItem.config.js +31 -266
  168. package/components/Segment/index.js +26 -21
  169. package/components/Select/Select.config.js +54 -1017
  170. package/components/Select/Select.js +15 -50
  171. package/components/Select/Select.perftest.js +33 -46
  172. package/components/Select/index.js +15 -16
  173. package/components/Sheet/Sheet.config.js +18 -63
  174. package/components/Sheet/Sheet.js +12 -12
  175. package/components/Sheet/index.js +15 -16
  176. package/components/Skeleton/LineSkeleton.config.js +49 -446
  177. package/components/Skeleton/Skeleton.js +28 -23
  178. package/components/Skeleton/index.js +20 -18
  179. package/components/Slider/Slider.config.js +25 -273
  180. package/components/Slider/Slider.js +13 -12
  181. package/components/Slider/index.js +7 -6
  182. package/components/Spinner/Spinner.config.js +32 -151
  183. package/components/Spinner/Spinner.js +16 -23
  184. package/components/Spinner/index.js +7 -6
  185. package/components/Steps/Steps.config.js +47 -366
  186. package/components/Steps/Steps.js +8 -12
  187. package/components/Steps/index.js +7 -6
  188. package/components/Switch/Switch.config.js +33 -193
  189. package/components/Switch/Switch.js +8 -12
  190. package/components/Switch/Switch.perftest.js +23 -61
  191. package/components/Switch/index.js +7 -6
  192. package/components/Table/Table.config.js +21 -257
  193. package/components/Table/Table.js +12 -12
  194. package/components/Table/index.js +7 -6
  195. package/components/Tabs/TabItem.js +24 -26
  196. package/components/Tabs/Tabs.js +24 -26
  197. package/components/Tabs/Tabs.perftest.js +53 -72
  198. package/components/Tabs/TabsController.js +16 -15
  199. package/components/Tabs/horizontal/HorizontalTabItem.config.js +38 -398
  200. package/components/Tabs/horizontal/HorizontalTabs.config.js +37 -256
  201. package/components/Tabs/index.js +35 -27
  202. package/components/Tabs/vertical/VerticalTabItem.config.js +27 -186
  203. package/components/Tabs/vertical/VerticalTabs.config.js +27 -133
  204. package/components/TextArea/TextArea.config.js +43 -695
  205. package/components/TextArea/TextArea.js +12 -12
  206. package/components/TextArea/TextArea.perftest.js +28 -62
  207. package/components/TextArea/index.js +7 -6
  208. package/components/TextField/TextField.config.js +54 -856
  209. package/components/TextField/TextField.js +88 -206
  210. package/components/TextField/TextField.perftest.js +37 -103
  211. package/components/TextField/index.js +15 -16
  212. package/components/TextFieldGroup/TextFieldGroup.config.js +34 -356
  213. package/components/TextFieldGroup/TextFieldGroup.js +11 -11
  214. package/components/TextFieldGroup/index.js +7 -6
  215. package/components/Toast/Toast.config.js +42 -174
  216. package/components/Toast/Toast.js +14 -26
  217. package/components/Toast/index.js +20 -18
  218. package/components/Tokens/Colors/Colors.styles.js +51 -147
  219. package/components/Tokens/NumberTokens/NumberTokens.styles.js +23 -70
  220. package/components/Tokens/Typography/Typography.styles.js +77 -205
  221. package/components/Toolbar/Toolbar.config.js +21 -105
  222. package/components/Toolbar/Toolbar.js +13 -21
  223. package/components/Toolbar/index.js +21 -19
  224. package/components/Tooltip/Tooltip.config.js +20 -100
  225. package/components/Tooltip/Tooltip.js +7 -11
  226. package/components/Tooltip/Tooltip.perftest.js +78 -87
  227. package/components/Tooltip/index.js +7 -6
  228. package/components/Tree/Tree.config.js +21 -176
  229. package/components/Tree/Tree.js +7 -11
  230. package/components/Tree/index.js +7 -6
  231. package/components/Typography/Body.config.js +47 -161
  232. package/components/Typography/Dspl.config.js +31 -105
  233. package/components/Typography/Heading.config.js +47 -161
  234. package/components/Typography/Old/Body.config.js +31 -99
  235. package/components/Typography/Old/Button.config.js +23 -73
  236. package/components/Typography/Old/Caption.config.js +15 -42
  237. package/components/Typography/Old/Display.config.js +31 -99
  238. package/components/Typography/Old/Footnote.config.js +23 -73
  239. package/components/Typography/Old/Headline.config.js +47 -151
  240. package/components/Typography/Old/Paragraph.config.js +23 -73
  241. package/components/Typography/Old/ParagraphText.config.js +23 -73
  242. package/components/Typography/Old/Subtitle.config.js +15 -42
  243. package/components/Typography/Old/Underline.config.js +15 -42
  244. package/components/Typography/Old/index.js +80 -152
  245. package/components/Typography/Text.config.js +39 -133
  246. package/components/Typography/Typography.js +59 -116
  247. package/components/Typography/index.js +215 -117
  248. package/components/Upload/Upload.perftest.js +30 -65
  249. package/components/Upload/index.js +20 -18
  250. package/components/UploadAudio/index.js +7 -6
  251. package/components/UploadVisual/index.js +7 -6
  252. package/css/cjs/components/Carousel/Carousel.config.js +1 -1
  253. package/css/cjs/components/Carousel/Carousel.config.js.map +1 -1
  254. package/css/cjs/components/Carousel/Carousel.config_1r461vi.css +2 -0
  255. package/css/cjs/components/Carousel/Carousel.css +2 -2
  256. package/css/cjs/components/Carousel/Carousel.js +1 -1
  257. package/css/cjs/components/Carousel/Carousel.js.map +1 -1
  258. package/css/cjs/index.css +2 -2
  259. package/css/es/components/Carousel/Carousel.config.js +1 -1
  260. package/css/es/components/Carousel/Carousel.config.js.map +1 -1
  261. package/css/es/components/Carousel/Carousel.config_1r461vi.css +2 -0
  262. package/css/es/components/Carousel/Carousel.css +2 -2
  263. package/css/es/components/Carousel/Carousel.js +1 -1
  264. package/css/es/components/Carousel/Carousel.js.map +1 -1
  265. package/css/es/index.css +2 -2
  266. package/es/components/Accordion/Accordion.config.js +27 -350
  267. package/es/components/Accordion/Accordion.js +5 -3
  268. package/es/components/Accordion/index.js +1 -1
  269. package/es/components/Attach/Attach.config.js +31 -809
  270. package/es/components/Attach/Attach.js +4 -2
  271. package/es/components/Attach/index.js +1 -1
  272. package/es/components/AudioPlayer/index.js +1 -1
  273. package/es/components/Autocomplete/Autocomplete.config.js +37 -627
  274. package/es/components/Autocomplete/Autocomplete.js +2 -2
  275. package/es/components/Autocomplete/index.js +1 -1
  276. package/es/components/Avatar/Avatar.config.js +39 -410
  277. package/es/components/Avatar/Avatar.js +3 -3
  278. package/es/components/Avatar/index.js +1 -1
  279. package/es/components/AvatarGroup/AvatarGroup.js +2 -2
  280. package/es/components/AvatarGroup/index.js +1 -1
  281. package/es/components/Badge/Badge.config.js +36 -276
  282. package/es/components/Badge/Badge.js +4 -2
  283. package/es/components/Badge/Badge.perftest.js +13 -39
  284. package/es/components/Badge/index.js +1 -1
  285. package/es/components/Breadcrumbs/Breadcrumbs.config.js +16 -102
  286. package/es/components/Breadcrumbs/Breadcrumbs.js +5 -3
  287. package/es/components/Breadcrumbs/index.js +1 -1
  288. package/es/components/Button/Button.config.js +49 -533
  289. package/es/components/Button/Button.js +5 -3
  290. package/es/components/Button/Button.perftest.js +27 -53
  291. package/es/components/Button/index.js +1 -1
  292. package/es/components/ButtonBase/index.js +1 -1
  293. package/es/components/ButtonGroup/ButtonGroup.config.js +54 -561
  294. package/es/components/ButtonGroup/ButtonGroup.js +4 -2
  295. package/es/components/ButtonGroup/index.js +1 -1
  296. package/es/components/Calendar/Calendar.js +12 -12
  297. package/es/components/Calendar/Calendar.perftest.js +76 -97
  298. package/es/components/Calendar/CalendarBase.config.js +16 -309
  299. package/es/components/Calendar/CalendarDouble.config.js +16 -311
  300. package/es/components/Calendar/index.js +1 -1
  301. package/es/components/Card/index.js +1 -1
  302. package/es/components/Carousel/Carousel.config.js +13 -48
  303. package/es/components/Carousel/Carousel.js +13 -40
  304. package/es/components/Carousel/Legacy/Carousel.examples.js +28 -57
  305. package/es/components/Carousel/Legacy/Carousel.js +3 -3
  306. package/es/components/Carousel/index.js +1 -1
  307. package/es/components/Cell/Cell.config.js +13 -171
  308. package/es/components/Cell/Cell.js +5 -3
  309. package/es/components/Cell/index.js +1 -1
  310. package/es/components/Checkbox/Checkbox.config.js +37 -288
  311. package/es/components/Checkbox/Checkbox.js +4 -3
  312. package/es/components/Checkbox/Checkbox.perftest.js +16 -43
  313. package/es/components/Checkbox/index.js +1 -1
  314. package/es/components/Chip/Chip.config.js +36 -313
  315. package/es/components/Chip/Chip.js +5 -3
  316. package/es/components/Chip/index.js +1 -1
  317. package/es/components/ChipGroup/ChipGroup.config.js +22 -199
  318. package/es/components/ChipGroup/ChipGroup.js +2 -2
  319. package/es/components/ChipGroup/index.js +1 -1
  320. package/es/components/CodeField/CodeField.config.js +22 -136
  321. package/es/components/CodeField/CodeField.js +2 -2
  322. package/es/components/CodeField/index.js +1 -1
  323. package/es/components/Combobox/Combobox.config.js +37 -810
  324. package/es/components/Combobox/Combobox.js +13 -40
  325. package/es/components/Combobox/Legacy/Combobox.config.js +16 -345
  326. package/es/components/Combobox/Legacy/Combobox.js +12 -12
  327. package/es/components/Combobox/Legacy/index.js +1 -1
  328. package/es/components/Combobox/index.js +1 -1
  329. package/es/components/Counter/Counter.config.js +28 -213
  330. package/es/components/Counter/Counter.js +4 -2
  331. package/es/components/Counter/index.js +1 -1
  332. package/es/components/DatePicker/DatePicker.config.js +22 -577
  333. package/es/components/DatePicker/DatePicker.js +4 -4
  334. package/es/components/DatePicker/index.js +1 -1
  335. package/es/components/Divider/Divider.config.js +22 -100
  336. package/es/components/Divider/Divider.js +4 -2
  337. package/es/components/Divider/index.js +1 -1
  338. package/es/components/Drawer/Drawer.config.js +17 -69
  339. package/es/components/Drawer/Drawer.js +16 -8
  340. package/es/components/Drawer/index.js +1 -1
  341. package/es/components/Dropdown/Dropdown.config.js +17 -236
  342. package/es/components/Dropdown/Dropdown.js +9 -36
  343. package/es/components/Dropdown/components/DropdownItem.js +63 -135
  344. package/es/components/Dropdown/components/DropdownList.js +3 -6
  345. package/es/components/Dropdown/components/DropdownOld.config.js +18 -133
  346. package/es/components/Dropdown/components/DropdownPopup.js +28 -107
  347. package/es/components/Dropdown/index.js +1 -1
  348. package/es/components/Dropzone/Dropzone.config.js +16 -77
  349. package/es/components/Dropzone/Dropzone.js +2 -2
  350. package/es/components/Dropzone/index.js +1 -1
  351. package/es/components/Editable/Editable.config.js +13 -47
  352. package/es/components/Editable/Editable.js +3 -3
  353. package/es/components/Editable/index.js +1 -1
  354. package/es/components/ElasticGrid/ElasticGrid.perftest.js +21 -34
  355. package/es/components/ElasticGrid/index.js +1 -1
  356. package/es/components/EmptyState/EmptyState.config.js +13 -105
  357. package/es/components/EmptyState/EmptyState.js +2 -2
  358. package/es/components/EmptyState/index.js +1 -1
  359. package/es/components/Flow/Flow.js +2 -2
  360. package/es/components/Flow/index.js +1 -1
  361. package/es/components/Grid/Grid.config.js +17 -93
  362. package/es/components/Grid/Grid.js +2 -2
  363. package/es/components/Grid/index.js +1 -1
  364. package/es/components/IconButton/IconButton.config.js +38 -416
  365. package/es/components/IconButton/IconButton.js +5 -3
  366. package/es/components/IconButton/index.js +1 -1
  367. package/es/components/Image/Image.js +5 -3
  368. package/es/components/Image/index.js +1 -1
  369. package/es/components/Indicator/Indicator.config.js +22 -140
  370. package/es/components/Indicator/Indicator.js +3 -3
  371. package/es/components/Indicator/index.js +1 -1
  372. package/es/components/Link/Link.config.js +29 -226
  373. package/es/components/Link/Link.js +5 -3
  374. package/es/components/Link/index.js +1 -1
  375. package/es/components/LinkButton/LinkButton.config.js +26 -265
  376. package/es/components/LinkButton/LinkButton.js +2 -2
  377. package/es/components/LinkButton/index.js +1 -1
  378. package/es/components/List/List.config.js +20 -168
  379. package/es/components/List/List.js +5 -3
  380. package/es/components/List/index.js +1 -1
  381. package/es/components/Mask/Mask.js +1 -1
  382. package/es/components/Mask/index.js +1 -1
  383. package/es/components/Modal/Modal.perftest.js +12 -10
  384. package/es/components/Modal/index.js +1 -1
  385. package/es/components/ModalBase/Modal.config.js +10 -38
  386. package/es/components/ModalBase/ModalBase.js +5 -3
  387. package/es/components/ModalBase/index.js +1 -1
  388. package/es/components/Note/Note.config.js +20 -236
  389. package/es/components/Note/Note.js +2 -2
  390. package/es/components/Note/index.js +1 -1
  391. package/es/components/Notification/Notification.config.js +25 -352
  392. package/es/components/Notification/Notification.js +15 -11
  393. package/es/components/Notification/index.js +1 -1
  394. package/es/components/NumberFormat/NumberFormat.js +9 -1
  395. package/es/components/NumberFormat/index.js +1 -1
  396. package/es/components/NumberInput/NumberInput.config.js +37 -385
  397. package/es/components/NumberInput/NumberInput.js +2 -2
  398. package/es/components/NumberInput/index.js +1 -1
  399. package/es/components/Overlay/index.js +1 -1
  400. package/es/components/Pagination/Pagination.config.js +38 -390
  401. package/es/components/Pagination/Pagination.js +5 -3
  402. package/es/components/Pagination/index.js +1 -1
  403. package/es/components/PaginationDots/index.js +1 -1
  404. package/es/components/Popover/Popover.config.js +10 -34
  405. package/es/components/Popover/Popover.js +2 -2
  406. package/es/components/Popover/index.js +1 -1
  407. package/es/components/Popup/index.js +1 -1
  408. package/es/components/PopupBase/PopupBase.js +4 -2
  409. package/es/components/PopupBase/index.js +1 -1
  410. package/es/components/Portal/index.js +1 -1
  411. package/es/components/PreviewGallery/PreviewGallery.perftest.js +65 -76
  412. package/es/components/PreviewGallery/index.js +1 -1
  413. package/es/components/Price/Price.config.js +7 -7
  414. package/es/components/Price/Price.js +5 -3
  415. package/es/components/Price/index.js +1 -1
  416. package/es/components/Progress/Progress.config.js +20 -138
  417. package/es/components/Progress/Progress.js +3 -3
  418. package/es/components/Progress/index.js +1 -1
  419. package/es/components/Radiobox/Radiobox.config.js +44 -295
  420. package/es/components/Radiobox/Radiobox.js +5 -4
  421. package/es/components/Radiobox/Radiobox.perftest.js +25 -21
  422. package/es/components/Radiobox/index.js +1 -1
  423. package/es/components/Range/Range.config.js +22 -310
  424. package/es/components/Range/Range.js +4 -2
  425. package/es/components/Range/index.js +1 -1
  426. package/es/components/Rating/Rating.config.js +26 -460
  427. package/es/components/Rating/Rating.js +2 -2
  428. package/es/components/Rating/index.js +1 -1
  429. package/es/components/SSRProvider/index.js +1 -1
  430. package/es/components/Segment/Segment.js +10 -5
  431. package/es/components/Segment/SegmentGroup.config.js +33 -187
  432. package/es/components/Segment/SegmentItem.config.js +26 -257
  433. package/es/components/Segment/index.js +1 -1
  434. package/es/components/Select/Select.config.js +49 -1008
  435. package/es/components/Select/Select.js +9 -36
  436. package/es/components/Select/Select.perftest.js +27 -32
  437. package/es/components/Select/index.js +1 -1
  438. package/es/components/Sheet/Sheet.config.js +13 -54
  439. package/es/components/Sheet/Sheet.js +5 -3
  440. package/es/components/Sheet/index.js +1 -1
  441. package/es/components/Skeleton/LineSkeleton.config.js +44 -437
  442. package/es/components/Skeleton/Skeleton.js +11 -5
  443. package/es/components/Skeleton/index.js +1 -1
  444. package/es/components/Slider/Slider.config.js +20 -264
  445. package/es/components/Slider/Slider.js +5 -3
  446. package/es/components/Slider/index.js +1 -1
  447. package/es/components/Spinner/Spinner.config.js +27 -142
  448. package/es/components/Spinner/Spinner.js +7 -8
  449. package/es/components/Spinner/index.js +1 -1
  450. package/es/components/Steps/Steps.config.js +42 -357
  451. package/es/components/Steps/Steps.js +3 -3
  452. package/es/components/Steps/index.js +1 -1
  453. package/es/components/Switch/Switch.config.js +28 -184
  454. package/es/components/Switch/Switch.js +3 -3
  455. package/es/components/Switch/Switch.perftest.js +16 -46
  456. package/es/components/Switch/index.js +1 -1
  457. package/es/components/Table/Table.config.js +16 -248
  458. package/es/components/Table/Table.js +5 -3
  459. package/es/components/Table/index.js +1 -1
  460. package/es/components/Tabs/TabItem.js +14 -10
  461. package/es/components/Tabs/Tabs.js +14 -10
  462. package/es/components/Tabs/Tabs.perftest.js +46 -49
  463. package/es/components/Tabs/TabsController.js +7 -5
  464. package/es/components/Tabs/horizontal/HorizontalTabItem.config.js +33 -389
  465. package/es/components/Tabs/horizontal/HorizontalTabs.config.js +32 -247
  466. package/es/components/Tabs/index.js +1 -1
  467. package/es/components/Tabs/vertical/VerticalTabItem.config.js +22 -177
  468. package/es/components/Tabs/vertical/VerticalTabs.config.js +22 -124
  469. package/es/components/TextArea/TextArea.config.js +38 -686
  470. package/es/components/TextArea/TextArea.js +5 -3
  471. package/es/components/TextArea/TextArea.perftest.js +21 -47
  472. package/es/components/TextArea/index.js +1 -1
  473. package/es/components/TextField/TextField.config.js +49 -847
  474. package/es/components/TextField/TextField.js +77 -147
  475. package/es/components/TextField/TextField.perftest.js +30 -80
  476. package/es/components/TextField/index.js +1 -1
  477. package/es/components/TextFieldGroup/TextFieldGroup.config.js +29 -347
  478. package/es/components/TextFieldGroup/TextFieldGroup.js +4 -2
  479. package/es/components/TextFieldGroup/index.js +1 -1
  480. package/es/components/Toast/Toast.config.js +37 -165
  481. package/es/components/Toast/Toast.js +4 -4
  482. package/es/components/Toast/index.js +1 -1
  483. package/es/components/Tokens/Colors/Colors.styles.js +43 -90
  484. package/es/components/Tokens/NumberTokens/NumberTokens.styles.js +18 -37
  485. package/es/components/Tokens/Typography/Typography.styles.js +68 -135
  486. package/es/components/Toolbar/Toolbar.config.js +16 -96
  487. package/es/components/Toolbar/Toolbar.js +6 -4
  488. package/es/components/Toolbar/index.js +1 -1
  489. package/es/components/Tooltip/Tooltip.config.js +15 -91
  490. package/es/components/Tooltip/Tooltip.js +2 -2
  491. package/es/components/Tooltip/Tooltip.perftest.js +69 -70
  492. package/es/components/Tooltip/index.js +1 -1
  493. package/es/components/Tree/Tree.config.js +16 -167
  494. package/es/components/Tree/Tree.js +2 -2
  495. package/es/components/Tree/index.js +1 -1
  496. package/es/components/Typography/Body.config.js +38 -131
  497. package/es/components/Typography/Dspl.config.js +24 -83
  498. package/es/components/Typography/Heading.config.js +38 -131
  499. package/es/components/Typography/Old/Body.config.js +24 -77
  500. package/es/components/Typography/Old/Button.config.js +17 -55
  501. package/es/components/Typography/Old/Caption.config.js +10 -33
  502. package/es/components/Typography/Old/Display.config.js +24 -77
  503. package/es/components/Typography/Old/Footnote.config.js +17 -55
  504. package/es/components/Typography/Old/Headline.config.js +38 -121
  505. package/es/components/Typography/Old/Paragraph.config.js +17 -55
  506. package/es/components/Typography/Old/ParagraphText.config.js +17 -55
  507. package/es/components/Typography/Old/Subtitle.config.js +10 -33
  508. package/es/components/Typography/Old/Underline.config.js +10 -33
  509. package/es/components/Typography/Old/index.js +45 -45
  510. package/es/components/Typography/Text.config.js +31 -107
  511. package/es/components/Typography/Typography.js +35 -35
  512. package/es/components/Typography/index.js +1 -1
  513. package/es/components/Upload/Upload.perftest.js +24 -51
  514. package/es/components/Upload/index.js +1 -1
  515. package/es/components/UploadAudio/index.js +1 -1
  516. package/es/components/UploadVisual/index.js +1 -1
  517. package/es/hocs/index.js +1 -1
  518. package/es/hooks/index.js +1 -1
  519. package/es/hooks/useFocusTrap.component-test.js +165 -0
  520. package/es/index.js +1 -1
  521. package/es/mixins/index.js +1 -1
  522. package/es/tokens/colors.js +1 -1
  523. package/es/tokens/index.js +1 -1
  524. package/es/tokens/sizes.js +1 -1
  525. package/es/tokens/typography.js +37 -37
  526. package/es/types/index.js +1 -1
  527. package/es/utils/index.js +1 -1
  528. package/hocs/index.js +15 -16
  529. package/hooks/index.js +27 -22
  530. package/hooks/useFocusTrap.component-test.js +171 -0
  531. package/index.js +927 -99
  532. package/mixins/index.js +119 -112
  533. package/package.json +10 -10
  534. package/tokens/colors.js +48 -189
  535. package/tokens/index.js +35 -17
  536. package/tokens/sizes.js +9 -33
  537. package/tokens/typography.js +362 -228
  538. package/types/index.js +3 -2
  539. package/utils/index.js +125 -72
  540. package/.swc/plugins/v7_linux_x86_64_14.0.0/358fecaab1701de64a7bceee21e5f3a204d1107aa33eb372d1dab77a43118622 +0 -0
  541. package/.swc/plugins/v7_linux_x86_64_14.0.0/cce279a62b5dde357ee7b421711ef357c3f0a29cd3cb6e86336f7345fd604d8e +0 -0
  542. package/css/cjs/components/Carousel/Carousel.config_uusoxc.css +0 -2
  543. package/css/es/components/Carousel/Carousel.config_uusoxc.css +0 -2
  544. package/es/helpers/index.js +0 -1
  545. package/helpers/index.js +0 -31
package/components/Segment/SegmentItem.config.js CHANGED
@@ -1,271 +1,36 @@
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 _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
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-secondary);\n ",
26
- ": transparent;\n ",
27
- ": var(--text-primary-hover);\n ",
28
- ": transparent;\n ",
29
- ": var(--text-tertiary);\n ",
30
- ": var(--text-secondary);\n ",
31
- ": var(--text-primary-hover);\n ",
32
- ": transparent;\n ",
33
- ": var(--text-primary);\n ",
34
- ": transparent;\n ",
35
- ": var(--text-secondary);\n ",
36
- ": var(--text-secondary);\n\n ",
37
- ": var(--text-accent);\n "
38
- ]);
39
- _templateObject = function _templateObject() {
40
- return data;
41
- };
42
- return data;
43
- }
44
- function _templateObject1() {
45
- var data = _tagged_template_literal([
46
- "\n ",
47
- ": var(--text-primary);\n ",
48
- ": transparent;\n ",
49
- ": var(--text-primary-hover);\n ",
50
- ": transparent;\n ",
51
- ": var(--text-secondary);\n ",
52
- ": var(--text-secondary);\n ",
53
- ": var(--text-primary);\n ",
54
- ": var(--surface-transparent-card);\n ",
55
- ": var(--text-primary-hover);\n ",
56
- ": var(--surface-transparent-card);\n ",
57
- ": var(--text-secondary);\n ",
58
- ": var(--text-secondary);\n\n ",
59
- ": var(--text-accent);\n "
60
- ]);
61
- _templateObject1 = function _templateObject() {
62
- return data;
63
- };
64
- return data;
65
- }
66
- function _templateObject2() {
67
- var data = _tagged_template_literal([
68
- "\n ",
69
- ": var(--text-primary);\n ",
70
- ": transparent;\n ",
71
- ": var(--text-primary-hover);\n ",
72
- ": transparent;\n ",
73
- ": var(--text-secondary);\n ",
74
- ": var(--text-secondary);\n ",
75
- ": var(--inverse-text-primary);\n ",
76
- ": var(--surface-solid-default);\n ",
77
- ": var(--inverse-text-primary-hover);\n ",
78
- ": var(--surface-solid-default);\n ",
79
- ": var(--inverse-text-secondary);\n ",
80
- ": var(--inverse-text-secondary);\n\n ",
81
- ": var(--text-accent);\n "
82
- ]);
83
- _templateObject2 = function _templateObject() {
84
- return data;
85
- };
86
- return data;
87
- }
88
- function _templateObject3() {
89
- var data = _tagged_template_literal([
90
- "\n ",
91
- ": var(--text-primary);\n ",
92
- ": transparent;\n ",
93
- ": var(--text-primary-hover);\n ",
94
- ": transparent;\n ",
95
- ": var(--text-secondary);\n ",
96
- ": var(--text-secondary);\n ",
97
- ": var(--on-dark-text-primary);\n ",
98
- ": var(--surface-accent);\n ",
99
- ": var(--on-dark-text-primary-hover);\n ",
100
- ": var(--surface-accent);\n ",
101
- ": var(--on-dark-text-secondary);\n ",
102
- ": var(--on-dark-text-secondary);\n\n ",
103
- ": var(--text-accent);\n "
104
- ]);
105
- _templateObject3 = function _templateObject() {
106
- return data;
107
- };
108
- return data;
109
- }
110
- function _templateObject4() {
111
- var data = _tagged_template_literal([
112
- "\n ",
113
- ": 0.5rem;\n ",
114
- ": auto;\n ",
115
- ": 2rem;\n ",
116
- ": 0.5rem 0.75rem;\n ",
117
- ": 0.5rem 0.5rem;\n ",
118
- ": 0.0625rem 0.125rem;\n ",
119
- ": 0.125rem;\n ",
120
- ": 0;\n\n ",
121
- ": var(--plasma-typo-body-xs-font-family);\n ",
122
- ": var(--plasma-typo-body-xs-font-size);\n ",
123
- ": var(--plasma-typo-body-xs-font-style);\n ",
124
- ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
125
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
126
- ": var(--plasma-typo-body-xs-line-height);\n "
127
- ]);
128
- _templateObject4 = function _templateObject() {
129
- return data;
130
- };
131
- return data;
132
- }
133
- function _templateObject5() {
134
- var data = _tagged_template_literal([
135
- "\n ",
136
- ": 0.625rem;\n ",
137
- ": auto;\n ",
138
- ": 2.5rem;\n ",
139
- ": 0.5rem 1rem;\n ",
140
- ": 0.5rem 0.5rem;\n ",
141
- ": 0.1875rem 0.125rem;\n ",
142
- ": 0.125rem;\n ",
143
- ": 0rem;\n\n ",
144
- ": var(--plasma-typo-body-s-font-family);\n ",
145
- ": var(--plasma-typo-body-s-font-size);\n ",
146
- ": var(--plasma-typo-body-s-font-style);\n ",
147
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
148
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
149
- ": var(--plasma-typo-body-s-line-height);\n "
150
- ]);
151
- _templateObject5 = function _templateObject() {
152
- return data;
153
- };
154
- return data;
155
- }
156
- function _templateObject6() {
157
- var data = _tagged_template_literal([
158
- "\n ",
159
- ": 0.75rem;\n ",
160
- ": auto;\n ",
161
- ": 3rem;\n ",
162
- ": 0.75rem 1.25rem;\n ",
163
- ": 0.75rem 0.75rem;\n ",
164
- ": 0.125rem;\n ",
165
- ": 0.25rem;\n ",
166
- ": 0rem;\n\n ",
167
- ": var(--plasma-typo-body-m-font-family);\n ",
168
- ": var(--plasma-typo-body-m-font-size);\n ",
169
- ": var(--plasma-typo-body-m-font-style);\n ",
170
- ": var(--plasma-typo-body-m-bold-font-weight);\n ",
171
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
172
- ": var(--plasma-typo-body-m-line-height);\n "
173
- ]);
174
- _templateObject6 = function _templateObject() {
175
- return data;
176
- };
177
- return data;
178
- }
179
- function _templateObject7() {
180
- var data = _tagged_template_literal([
181
- "\n ",
182
- ": 0.875rem;\n ",
183
- ": auto;\n ",
184
- ": 3.5rem;\n ",
185
- ": 1rem 1.5rem; /* 1.625 */\n ",
186
- ": 1rem 1rem;\n ",
187
- ": 0.0625rem 0.125rem;\n ",
188
- ": 0.375rem;\n ",
189
- ": 0;\n\n ",
190
- ": var(--plasma-typo-body-l-font-family);\n ",
191
- ": var(--plasma-typo-body-l-font-size);\n ",
192
- ": var(--plasma-typo-body-l-font-style);\n ",
193
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
194
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
195
- ": var(--plasma-typo-body-l-line-height);\n "
196
- ]);
197
- _templateObject7 = function _templateObject() {
198
- return data;
199
- };
200
- return data;
201
- }
202
- function _templateObject8() {
203
- var data = _tagged_template_literal([
204
- "\n ",
205
- ": 1rem;\n ",
206
- ": auto;\n ",
207
- ": 4rem;\n ",
208
- ": 1.25rem 1.75rem;\n ",
209
- ": 1.25rem;\n ",
210
- ": 0.0625rem 0.125rem;\n ",
211
- ": 0.375rem;\n ",
212
- ": 0;\n\n ",
213
- ": var(--plasma-typo-body-l-font-family);\n ",
214
- ": var(--plasma-typo-body-l-font-size);\n ",
215
- ": var(--plasma-typo-body-l-font-style);\n ",
216
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
217
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
218
- ": var(--plasma-typo-body-l-line-height);\n "
219
- ]);
220
- _templateObject8 = function _templateObject() {
221
- return data;
222
- };
223
- return data;
224
- }
225
- function _templateObject9() {
226
- var data = _tagged_template_literal([
227
- "\n ",
228
- ": 0.4;\n "
229
- ]);
230
- _templateObject9 = function _templateObject() {
231
- return data;
232
- };
233
- return data;
234
- }
235
- function _templateObject10() {
236
- var data = _tagged_template_literal([
237
- "\n // NOTE: change on token when added\n ",
238
- ": 1000px;\n "
239
- ]);
240
- _templateObject10 = function _templateObject() {
241
- return data;
242
- };
243
- return data;
244
- }
245
- var config = {
246
- defaults: {
247
- view: 'clear',
248
- size: 'xs'
6
+ exports.config = void 0;
7
+ var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
8
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
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: 'clear',
13
+ size: 'xs'
14
+ },
15
+ variations: {
16
+ view: {
17
+ clear: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-secondary);\n ", ": transparent;\n ", ": var(--text-primary-hover);\n ", ": transparent;\n ", ": var(--text-tertiary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary-hover);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n\n ", ": var(--text-accent);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.outlineFocusColor),
18
+ secondary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary-hover);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-card);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-transparent-card);\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n\n ", ": var(--text-accent);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.outlineFocusColor),
19
+ "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary-hover);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary-hover);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-secondary);\n ", ": var(--inverse-text-secondary);\n\n ", ": var(--text-accent);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.outlineFocusColor),
20
+ accent: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--text-primary);\n ", ": transparent;\n ", ": var(--text-primary-hover);\n ", ": transparent;\n ", ": var(--text-secondary);\n ", ": var(--text-secondary);\n ", ": var(--on-dark-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-primary-hover);\n ", ": var(--surface-accent);\n ", ": var(--on-dark-text-secondary);\n ", ": var(--on-dark-text-secondary);\n\n ", ": var(--text-accent);\n "])), _styledComponents.segmentTokens.itemColor, _styledComponents.segmentTokens.itemBackgroundColor, _styledComponents.segmentTokens.itemColorHover, _styledComponents.segmentTokens.itemBackgroundColorHover, _styledComponents.segmentTokens.itemAdditionalColor, _styledComponents.segmentTokens.itemAdditionalColorHover, _styledComponents.segmentTokens.itemSelectedColor, _styledComponents.segmentTokens.itemSelectedBackgroundColor, _styledComponents.segmentTokens.itemSelectedColorHover, _styledComponents.segmentTokens.itemSelectedBackgroundColorHover, _styledComponents.segmentTokens.itemSelectedAdditionalColor, _styledComponents.segmentTokens.itemSelectedAdditionalColorHover, _styledComponents.segmentTokens.groupFilledBackgroundColor)
21
+ },
22
+ size: {
23
+ xs: /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.5rem;\n ", ": auto;\n ", ": 2rem;\n ", ": 0.5rem 0.75rem;\n ", ": 0.5rem 0.5rem;\n ", ": 0.0625rem 0.125rem;\n ", ": 0.125rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-bold-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
24
+ s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.625rem;\n ", ": auto;\n ", ": 2.5rem;\n ", ": 0.5rem 1rem;\n ", ": 0.5rem 0.5rem;\n ", ": 0.1875rem 0.125rem;\n ", ": 0.125rem;\n ", ": 0rem;\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-font-weight);\n ", ": var(--plasma-typo-body-s-letter-spacing);\n ", ": var(--plasma-typo-body-s-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
25
+ m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.75rem;\n ", ": auto;\n ", ": 3rem;\n ", ": 0.75rem 1.25rem;\n ", ": 0.75rem 0.75rem;\n ", ": 0.125rem;\n ", ": 0.25rem;\n ", ": 0rem;\n\n ", ": var(--plasma-typo-body-m-font-family);\n ", ": var(--plasma-typo-body-m-font-size);\n ", ": var(--plasma-typo-body-m-font-style);\n ", ": var(--plasma-typo-body-m-bold-font-weight);\n ", ": var(--plasma-typo-body-m-letter-spacing);\n ", ": var(--plasma-typo-body-m-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
26
+ l: /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n ", ": auto;\n ", ": 3.5rem;\n ", ": 1rem 1.5rem; /* 1.625 */\n ", ": 1rem 1rem;\n ", ": 0.0625rem 0.125rem;\n ", ": 0.375rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight),
27
+ xl: /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 1rem;\n ", ": auto;\n ", ": 4rem;\n ", ": 1.25rem 1.75rem;\n ", ": 1.25rem;\n ", ": 0.0625rem 0.125rem;\n ", ": 0.375rem;\n ", ": 0;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n "])), _styledComponents.segmentTokens.itemBorderRadius, _styledComponents.segmentTokens.itemWidth, _styledComponents.segmentTokens.itemHeight, _styledComponents.segmentTokens.itemPadding, _styledComponents.segmentTokens.itemPilledPadding, _styledComponents.segmentTokens.itemContentPadding, _styledComponents.segmentTokens.itemIconMargin, _styledComponents.segmentTokens.itemMarginLeft, _styledComponents.segmentTokens.fontFamily, _styledComponents.segmentTokens.fontSize, _styledComponents.segmentTokens.fontStyle, _styledComponents.segmentTokens.fontWeight, _styledComponents.segmentTokens.letterSpacing, _styledComponents.segmentTokens.lineHeight)
28
+ },
29
+ disabled: {
30
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.4;\n "])), _styledComponents.segmentTokens.disabledOpacity)
249
31
  },
250
- variations: {
251
- view: {
252
- clear: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.segmentTokens.itemColor, _styledcomponents.segmentTokens.itemBackgroundColor, _styledcomponents.segmentTokens.itemColorHover, _styledcomponents.segmentTokens.itemBackgroundColorHover, _styledcomponents.segmentTokens.itemAdditionalColor, _styledcomponents.segmentTokens.itemAdditionalColorHover, _styledcomponents.segmentTokens.itemSelectedColor, _styledcomponents.segmentTokens.itemSelectedBackgroundColor, _styledcomponents.segmentTokens.itemSelectedColorHover, _styledcomponents.segmentTokens.itemSelectedBackgroundColorHover, _styledcomponents.segmentTokens.itemSelectedAdditionalColor, _styledcomponents.segmentTokens.itemSelectedAdditionalColorHover, _styledcomponents.segmentTokens.outlineFocusColor),
253
- secondary: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.segmentTokens.itemColor, _styledcomponents.segmentTokens.itemBackgroundColor, _styledcomponents.segmentTokens.itemColorHover, _styledcomponents.segmentTokens.itemBackgroundColorHover, _styledcomponents.segmentTokens.itemAdditionalColor, _styledcomponents.segmentTokens.itemAdditionalColorHover, _styledcomponents.segmentTokens.itemSelectedColor, _styledcomponents.segmentTokens.itemSelectedBackgroundColor, _styledcomponents.segmentTokens.itemSelectedColorHover, _styledcomponents.segmentTokens.itemSelectedBackgroundColorHover, _styledcomponents.segmentTokens.itemSelectedAdditionalColor, _styledcomponents.segmentTokens.itemSelectedAdditionalColorHover, _styledcomponents.segmentTokens.outlineFocusColor),
254
- default: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.segmentTokens.itemColor, _styledcomponents.segmentTokens.itemBackgroundColor, _styledcomponents.segmentTokens.itemColorHover, _styledcomponents.segmentTokens.itemBackgroundColorHover, _styledcomponents.segmentTokens.itemAdditionalColor, _styledcomponents.segmentTokens.itemAdditionalColorHover, _styledcomponents.segmentTokens.itemSelectedColor, _styledcomponents.segmentTokens.itemSelectedBackgroundColor, _styledcomponents.segmentTokens.itemSelectedColorHover, _styledcomponents.segmentTokens.itemSelectedBackgroundColorHover, _styledcomponents.segmentTokens.itemSelectedAdditionalColor, _styledcomponents.segmentTokens.itemSelectedAdditionalColorHover, _styledcomponents.segmentTokens.outlineFocusColor),
255
- accent: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.segmentTokens.itemColor, _styledcomponents.segmentTokens.itemBackgroundColor, _styledcomponents.segmentTokens.itemColorHover, _styledcomponents.segmentTokens.itemBackgroundColorHover, _styledcomponents.segmentTokens.itemAdditionalColor, _styledcomponents.segmentTokens.itemAdditionalColorHover, _styledcomponents.segmentTokens.itemSelectedColor, _styledcomponents.segmentTokens.itemSelectedBackgroundColor, _styledcomponents.segmentTokens.itemSelectedColorHover, _styledcomponents.segmentTokens.itemSelectedBackgroundColorHover, _styledcomponents.segmentTokens.itemSelectedAdditionalColor, _styledcomponents.segmentTokens.itemSelectedAdditionalColorHover, _styledcomponents.segmentTokens.groupFilledBackgroundColor)
256
- },
257
- size: {
258
- xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.segmentTokens.itemBorderRadius, _styledcomponents.segmentTokens.itemWidth, _styledcomponents.segmentTokens.itemHeight, _styledcomponents.segmentTokens.itemPadding, _styledcomponents.segmentTokens.itemPilledPadding, _styledcomponents.segmentTokens.itemContentPadding, _styledcomponents.segmentTokens.itemIconMargin, _styledcomponents.segmentTokens.itemMarginLeft, _styledcomponents.segmentTokens.fontFamily, _styledcomponents.segmentTokens.fontSize, _styledcomponents.segmentTokens.fontStyle, _styledcomponents.segmentTokens.fontWeight, _styledcomponents.segmentTokens.letterSpacing, _styledcomponents.segmentTokens.lineHeight),
259
- s: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.segmentTokens.itemBorderRadius, _styledcomponents.segmentTokens.itemWidth, _styledcomponents.segmentTokens.itemHeight, _styledcomponents.segmentTokens.itemPadding, _styledcomponents.segmentTokens.itemPilledPadding, _styledcomponents.segmentTokens.itemContentPadding, _styledcomponents.segmentTokens.itemIconMargin, _styledcomponents.segmentTokens.itemMarginLeft, _styledcomponents.segmentTokens.fontFamily, _styledcomponents.segmentTokens.fontSize, _styledcomponents.segmentTokens.fontStyle, _styledcomponents.segmentTokens.fontWeight, _styledcomponents.segmentTokens.letterSpacing, _styledcomponents.segmentTokens.lineHeight),
260
- m: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.segmentTokens.itemBorderRadius, _styledcomponents.segmentTokens.itemWidth, _styledcomponents.segmentTokens.itemHeight, _styledcomponents.segmentTokens.itemPadding, _styledcomponents.segmentTokens.itemPilledPadding, _styledcomponents.segmentTokens.itemContentPadding, _styledcomponents.segmentTokens.itemIconMargin, _styledcomponents.segmentTokens.itemMarginLeft, _styledcomponents.segmentTokens.fontFamily, _styledcomponents.segmentTokens.fontSize, _styledcomponents.segmentTokens.fontStyle, _styledcomponents.segmentTokens.fontWeight, _styledcomponents.segmentTokens.letterSpacing, _styledcomponents.segmentTokens.lineHeight),
261
- l: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.segmentTokens.itemBorderRadius, _styledcomponents.segmentTokens.itemWidth, _styledcomponents.segmentTokens.itemHeight, _styledcomponents.segmentTokens.itemPadding, _styledcomponents.segmentTokens.itemPilledPadding, _styledcomponents.segmentTokens.itemContentPadding, _styledcomponents.segmentTokens.itemIconMargin, _styledcomponents.segmentTokens.itemMarginLeft, _styledcomponents.segmentTokens.fontFamily, _styledcomponents.segmentTokens.fontSize, _styledcomponents.segmentTokens.fontStyle, _styledcomponents.segmentTokens.fontWeight, _styledcomponents.segmentTokens.letterSpacing, _styledcomponents.segmentTokens.lineHeight),
262
- xl: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.segmentTokens.itemBorderRadius, _styledcomponents.segmentTokens.itemWidth, _styledcomponents.segmentTokens.itemHeight, _styledcomponents.segmentTokens.itemPadding, _styledcomponents.segmentTokens.itemPilledPadding, _styledcomponents.segmentTokens.itemContentPadding, _styledcomponents.segmentTokens.itemIconMargin, _styledcomponents.segmentTokens.itemMarginLeft, _styledcomponents.segmentTokens.fontFamily, _styledcomponents.segmentTokens.fontSize, _styledcomponents.segmentTokens.fontStyle, _styledcomponents.segmentTokens.fontWeight, _styledcomponents.segmentTokens.letterSpacing, _styledcomponents.segmentTokens.lineHeight)
263
- },
264
- disabled: {
265
- true: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.segmentTokens.disabledOpacity)
266
- },
267
- pilled: {
268
- true: (0, _styledcomponents.css)(_templateObject10(), _styledcomponents.segmentTokens.itemPilledBorderRadius)
269
- }
32
+ pilled: {
33
+ "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject11 || (_templateObject11 = /*#__PURE__*/_taggedTemplateLiteral(["\n // NOTE: change on token when added\n ", ": 1000px;\n "])), _styledComponents.segmentTokens.itemPilledBorderRadius)
270
34
  }
271
- };
35
+ }
36
+ };
package/components/Segment/index.js CHANGED
@@ -1,25 +1,30 @@
1
1
  "use strict";
2
+
2
3
  Object.defineProperty(exports, "__esModule", {
3
- value: true
4
+ value: true
4
5
  });
5
- function _export(target, all) {
6
- for(var name in all)Object.defineProperty(target, name, {
7
- enumerable: true,
8
- get: Object.getOwnPropertyDescriptor(all, name).get
9
- });
10
- }
11
- _export(exports, {
12
- get SegmentGroup () {
13
- return _Segment.SegmentGroup;
14
- },
15
- get SegmentItem () {
16
- return _Segment.SegmentItem;
17
- },
18
- get SegmentProvider () {
19
- return _Segment.SegmentProvider;
20
- },
21
- get useSegment () {
22
- return _Segment.useSegment;
23
- }
6
+ Object.defineProperty(exports, "SegmentGroup", {
7
+ enumerable: true,
8
+ get: function get() {
9
+ return _Segment.SegmentGroup;
10
+ }
24
11
  });
25
- var _Segment = require("./Segment");
12
+ Object.defineProperty(exports, "SegmentItem", {
13
+ enumerable: true,
14
+ get: function get() {
15
+ return _Segment.SegmentItem;
16
+ }
17
+ });
18
+ Object.defineProperty(exports, "SegmentProvider", {
19
+ enumerable: true,
20
+ get: function get() {
21
+ return _Segment.SegmentProvider;
22
+ }
23
+ });
24
+ Object.defineProperty(exports, "useSegment", {
25
+ enumerable: true,
26
+ get: function get() {
27
+ return _Segment.useSegment;
28
+ }
29
+ });
30
+ var _Segment = /*#__PURE__*/require("./Segment");