@peculiar/react-components 0.3.15-alpha.1 → 0.3.15

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 (401) hide show
  1. package/dist/cjs/Alert/alert.js +21 -25
  2. package/dist/cjs/Alert/alert.js.map +1 -1
  3. package/dist/cjs/Autocomplete/autocomplete.js +97 -74
  4. package/dist/cjs/Autocomplete/autocomplete.js.map +1 -1
  5. package/dist/cjs/Avatar/avatar.js +32 -22
  6. package/dist/cjs/Avatar/avatar.js.map +1 -1
  7. package/dist/cjs/Backdrop/backdrop.js +22 -18
  8. package/dist/cjs/Backdrop/backdrop.js.map +1 -1
  9. package/dist/cjs/Box/box.js +48 -31
  10. package/dist/cjs/Box/box.js.map +1 -1
  11. package/dist/cjs/Button/button.js +28 -16
  12. package/dist/cjs/Button/button.js.map +1 -1
  13. package/dist/cjs/ButtonBase/button_base.js +178 -110
  14. package/dist/cjs/ButtonBase/button_base.js.map +1 -1
  15. package/dist/cjs/Checkbox/checkbox.js +28 -14
  16. package/dist/cjs/Checkbox/checkbox.js.map +1 -1
  17. package/dist/cjs/Chip/chip.js +111 -78
  18. package/dist/cjs/Chip/chip.js.map +1 -1
  19. package/dist/cjs/CircularProgress/circular_progress.js +28 -24
  20. package/dist/cjs/CircularProgress/circular_progress.js.map +1 -1
  21. package/dist/cjs/Collapse/collapse.js +19 -23
  22. package/dist/cjs/Collapse/collapse.js.map +1 -1
  23. package/dist/cjs/Dialog/dialog.js +33 -28
  24. package/dist/cjs/Dialog/dialog.js.map +1 -1
  25. package/dist/cjs/Dialog/dialog_actions.js +10 -14
  26. package/dist/cjs/Dialog/dialog_actions.js.map +1 -1
  27. package/dist/cjs/Dialog/dialog_content.js +29 -18
  28. package/dist/cjs/Dialog/dialog_content.js.map +1 -1
  29. package/dist/cjs/Dialog/dialog_title.js +14 -17
  30. package/dist/cjs/Dialog/dialog_title.js.map +1 -1
  31. package/dist/cjs/Drawer/drawer.js +10 -18
  32. package/dist/cjs/Drawer/drawer.js.map +1 -1
  33. package/dist/cjs/Fab/fab.js +22 -6
  34. package/dist/cjs/Fab/fab.js.map +1 -1
  35. package/dist/cjs/IconButton/icon_button.js +9 -8
  36. package/dist/cjs/IconButton/icon_button.js.map +1 -1
  37. package/dist/cjs/Image/image.js +0 -3
  38. package/dist/cjs/Image/image.js.map +1 -1
  39. package/dist/cjs/LinearProgress/linear_progress.js +15 -19
  40. package/dist/cjs/LinearProgress/linear_progress.js.map +1 -1
  41. package/dist/cjs/Menu/menu.js +12 -7
  42. package/dist/cjs/Menu/menu.js.map +1 -1
  43. package/dist/cjs/MenuList/menu_item.js +18 -15
  44. package/dist/cjs/MenuList/menu_item.js.map +1 -1
  45. package/dist/cjs/MenuList/menu_list.js +10 -5
  46. package/dist/cjs/MenuList/menu_list.js.map +1 -1
  47. package/dist/cjs/MenuList/sub_menu_item.js +5 -4
  48. package/dist/cjs/MenuList/sub_menu_item.js.map +1 -1
  49. package/dist/cjs/Modal/modal.js +21 -21
  50. package/dist/cjs/Modal/modal.js.map +1 -1
  51. package/dist/cjs/Popover/popover.js +13 -14
  52. package/dist/cjs/Popover/popover.js.map +1 -1
  53. package/dist/cjs/Radio/radio.js +28 -17
  54. package/dist/cjs/Radio/radio.js.map +1 -1
  55. package/dist/cjs/Select/select.js +81 -36
  56. package/dist/cjs/Select/select.js.map +1 -1
  57. package/dist/cjs/Skeleton/skeleton.js +10 -12
  58. package/dist/cjs/Skeleton/skeleton.js.map +1 -1
  59. package/dist/cjs/Slider/slider.js +14 -20
  60. package/dist/cjs/Slider/slider.js.map +1 -1
  61. package/dist/cjs/Switch/switch.js +17 -26
  62. package/dist/cjs/Switch/switch.js.map +1 -1
  63. package/dist/cjs/Tabs/tab.js +11 -9
  64. package/dist/cjs/Tabs/tab.js.map +1 -1
  65. package/dist/cjs/Tabs/tabs.js +10 -17
  66. package/dist/cjs/Tabs/tabs.js.map +1 -1
  67. package/dist/cjs/TextField/text_field.js +57 -32
  68. package/dist/cjs/TextField/text_field.js.map +1 -1
  69. package/dist/cjs/TextareaField/textarea_field.js +64 -30
  70. package/dist/cjs/TextareaField/textarea_field.js.map +1 -1
  71. package/dist/cjs/Toast/toast.js +1 -4
  72. package/dist/cjs/Toast/toast.js.map +1 -1
  73. package/dist/cjs/Toast/toast_container.js +10 -17
  74. package/dist/cjs/Toast/toast_container.js.map +1 -1
  75. package/dist/cjs/Tooltip/tooltip.js +23 -19
  76. package/dist/cjs/Tooltip/tooltip.js.map +1 -1
  77. package/dist/cjs/Typography/typography.js +28 -11
  78. package/dist/cjs/Typography/typography.js.map +1 -1
  79. package/dist/cjs/styles/colors/additional.js +8 -0
  80. package/dist/cjs/styles/colors/additional.js.map +1 -0
  81. package/dist/cjs/styles/colors/attention.js +24 -0
  82. package/dist/cjs/styles/colors/attention.js.map +1 -0
  83. package/dist/cjs/styles/colors/grayscale.js +18 -0
  84. package/dist/cjs/styles/colors/grayscale.js.map +1 -0
  85. package/dist/cjs/styles/colors/index.js +23 -0
  86. package/dist/cjs/styles/colors/index.js.map +1 -0
  87. package/dist/cjs/styles/colors/primary.js +24 -0
  88. package/dist/cjs/styles/colors/primary.js.map +1 -0
  89. package/dist/cjs/styles/colors/secondary.js +24 -0
  90. package/dist/cjs/styles/colors/secondary.js.map +1 -0
  91. package/dist/cjs/styles/colors/success.js +24 -0
  92. package/dist/cjs/styles/colors/success.js.map +1 -0
  93. package/dist/cjs/styles/colors/wrong.js +24 -0
  94. package/dist/cjs/styles/colors/wrong.js.map +1 -0
  95. package/dist/cjs/styles/css.js +13 -0
  96. package/dist/cjs/styles/css.js.map +1 -0
  97. package/dist/cjs/styles/default_theme.js +141 -13
  98. package/dist/cjs/styles/default_theme.js.map +1 -1
  99. package/dist/cjs/styles/index.js +7 -3
  100. package/dist/cjs/styles/index.js.map +1 -1
  101. package/dist/cjs/styles/{foundations/sizes.js → sizes/base.js} +5 -5
  102. package/dist/cjs/styles/sizes/base.js.map +1 -0
  103. package/dist/cjs/styles/sizes/index.js +7 -0
  104. package/dist/cjs/styles/sizes/index.js.map +1 -0
  105. package/dist/cjs/styles/theme_provider.js +11 -14
  106. package/dist/cjs/styles/theme_provider.js.map +1 -1
  107. package/dist/cjs/styles/utils.js +19 -40
  108. package/dist/cjs/styles/utils.js.map +1 -1
  109. package/dist/esm/Alert/alert.js +21 -22
  110. package/dist/esm/Alert/alert.js.map +1 -1
  111. package/dist/esm/Autocomplete/autocomplete.js +97 -74
  112. package/dist/esm/Autocomplete/autocomplete.js.map +1 -1
  113. package/dist/esm/Avatar/avatar.js +32 -19
  114. package/dist/esm/Avatar/avatar.js.map +1 -1
  115. package/dist/esm/Backdrop/backdrop.js +22 -15
  116. package/dist/esm/Backdrop/backdrop.js.map +1 -1
  117. package/dist/esm/Box/box.js +48 -28
  118. package/dist/esm/Box/box.js.map +1 -1
  119. package/dist/esm/Button/button.js +28 -13
  120. package/dist/esm/Button/button.js.map +1 -1
  121. package/dist/esm/ButtonBase/button_base.js +178 -107
  122. package/dist/esm/ButtonBase/button_base.js.map +1 -1
  123. package/dist/esm/Checkbox/checkbox.js +28 -11
  124. package/dist/esm/Checkbox/checkbox.js.map +1 -1
  125. package/dist/esm/Chip/chip.js +111 -75
  126. package/dist/esm/Chip/chip.js.map +1 -1
  127. package/dist/esm/CircularProgress/circular_progress.js +26 -22
  128. package/dist/esm/CircularProgress/circular_progress.js.map +1 -1
  129. package/dist/esm/Collapse/collapse.js +19 -20
  130. package/dist/esm/Collapse/collapse.js.map +1 -1
  131. package/dist/esm/Dialog/dialog.js +33 -28
  132. package/dist/esm/Dialog/dialog.js.map +1 -1
  133. package/dist/esm/Dialog/dialog_actions.js +10 -14
  134. package/dist/esm/Dialog/dialog_actions.js.map +1 -1
  135. package/dist/esm/Dialog/dialog_content.js +29 -18
  136. package/dist/esm/Dialog/dialog_content.js.map +1 -1
  137. package/dist/esm/Dialog/dialog_title.js +14 -17
  138. package/dist/esm/Dialog/dialog_title.js.map +1 -1
  139. package/dist/esm/Drawer/drawer.js +10 -15
  140. package/dist/esm/Drawer/drawer.js.map +1 -1
  141. package/dist/esm/Fab/fab.js +23 -4
  142. package/dist/esm/Fab/fab.js.map +1 -1
  143. package/dist/esm/IconButton/icon_button.js +9 -5
  144. package/dist/esm/IconButton/icon_button.js.map +1 -1
  145. package/dist/esm/Image/image.js +0 -3
  146. package/dist/esm/Image/image.js.map +1 -1
  147. package/dist/esm/LinearProgress/linear_progress.js +14 -18
  148. package/dist/esm/LinearProgress/linear_progress.js.map +1 -1
  149. package/dist/esm/Menu/menu.js +12 -7
  150. package/dist/esm/Menu/menu.js.map +1 -1
  151. package/dist/esm/MenuList/menu_item.js +18 -15
  152. package/dist/esm/MenuList/menu_item.js.map +1 -1
  153. package/dist/esm/MenuList/menu_list.js +10 -5
  154. package/dist/esm/MenuList/menu_list.js.map +1 -1
  155. package/dist/esm/MenuList/sub_menu_item.js +5 -4
  156. package/dist/esm/MenuList/sub_menu_item.js.map +1 -1
  157. package/dist/esm/Modal/modal.js +21 -18
  158. package/dist/esm/Modal/modal.js.map +1 -1
  159. package/dist/esm/Popover/popover.js +13 -14
  160. package/dist/esm/Popover/popover.js.map +1 -1
  161. package/dist/esm/Radio/radio.js +28 -14
  162. package/dist/esm/Radio/radio.js.map +1 -1
  163. package/dist/esm/Select/select.js +81 -33
  164. package/dist/esm/Select/select.js.map +1 -1
  165. package/dist/esm/Skeleton/skeleton.js +9 -8
  166. package/dist/esm/Skeleton/skeleton.js.map +1 -1
  167. package/dist/esm/Slider/slider.js +14 -17
  168. package/dist/esm/Slider/slider.js.map +1 -1
  169. package/dist/esm/Switch/switch.js +17 -23
  170. package/dist/esm/Switch/switch.js.map +1 -1
  171. package/dist/esm/Tabs/tab.js +11 -6
  172. package/dist/esm/Tabs/tab.js.map +1 -1
  173. package/dist/esm/Tabs/tabs.js +10 -14
  174. package/dist/esm/Tabs/tabs.js.map +1 -1
  175. package/dist/esm/TextField/text_field.js +57 -29
  176. package/dist/esm/TextField/text_field.js.map +1 -1
  177. package/dist/esm/TextareaField/textarea_field.js +64 -27
  178. package/dist/esm/TextareaField/textarea_field.js.map +1 -1
  179. package/dist/esm/Toast/toast.js +1 -4
  180. package/dist/esm/Toast/toast.js.map +1 -1
  181. package/dist/esm/Toast/toast_container.js +10 -14
  182. package/dist/esm/Toast/toast_container.js.map +1 -1
  183. package/dist/esm/Tooltip/tooltip.js +22 -18
  184. package/dist/esm/Tooltip/tooltip.js.map +1 -1
  185. package/dist/esm/Typography/typography.js +28 -8
  186. package/dist/esm/Typography/typography.js.map +1 -1
  187. package/dist/esm/styles/colors/additional.js +5 -0
  188. package/dist/esm/styles/colors/additional.js.map +1 -0
  189. package/dist/esm/styles/colors/attention.js +20 -0
  190. package/dist/esm/styles/colors/attention.js.map +1 -0
  191. package/dist/esm/styles/colors/grayscale.js +15 -0
  192. package/dist/esm/styles/colors/grayscale.js.map +1 -0
  193. package/dist/esm/styles/colors/index.js +8 -0
  194. package/dist/esm/styles/colors/index.js.map +1 -0
  195. package/dist/esm/styles/colors/primary.js +20 -0
  196. package/dist/esm/styles/colors/primary.js.map +1 -0
  197. package/dist/esm/styles/colors/secondary.js +20 -0
  198. package/dist/esm/styles/colors/secondary.js.map +1 -0
  199. package/dist/esm/styles/colors/success.js +20 -0
  200. package/dist/esm/styles/colors/success.js.map +1 -0
  201. package/dist/esm/styles/colors/wrong.js +20 -0
  202. package/dist/esm/styles/colors/wrong.js.map +1 -0
  203. package/dist/esm/styles/css.js +7 -0
  204. package/dist/esm/styles/css.js.map +1 -0
  205. package/dist/esm/styles/default_theme.js +140 -12
  206. package/dist/esm/styles/default_theme.js.map +1 -1
  207. package/dist/esm/styles/index.js +2 -1
  208. package/dist/esm/styles/index.js.map +1 -1
  209. package/dist/esm/styles/{foundations/sizes.js → sizes/base.js} +3 -3
  210. package/dist/esm/styles/sizes/base.js.map +1 -0
  211. package/dist/esm/styles/sizes/index.js +2 -0
  212. package/dist/esm/styles/sizes/index.js.map +1 -0
  213. package/dist/esm/styles/theme_provider.js +12 -15
  214. package/dist/esm/styles/theme_provider.js.map +1 -1
  215. package/dist/esm/styles/utils.js +17 -38
  216. package/dist/esm/styles/utils.js.map +1 -1
  217. package/dist/esnext/Alert/alert.js +20 -21
  218. package/dist/esnext/Alert/alert.js.map +1 -1
  219. package/dist/esnext/Autocomplete/autocomplete.js +86 -66
  220. package/dist/esnext/Autocomplete/autocomplete.js.map +1 -1
  221. package/dist/esnext/Avatar/avatar.js +30 -28
  222. package/dist/esnext/Avatar/avatar.js.map +1 -1
  223. package/dist/esnext/Backdrop/backdrop.js +19 -22
  224. package/dist/esnext/Backdrop/backdrop.js.map +1 -1
  225. package/dist/esnext/Box/box.js +46 -27
  226. package/dist/esnext/Box/box.js.map +1 -1
  227. package/dist/esnext/Button/button.js +48 -36
  228. package/dist/esnext/Button/button.js.map +1 -1
  229. package/dist/esnext/ButtonBase/button_base.js +176 -106
  230. package/dist/esnext/ButtonBase/button_base.js.map +1 -1
  231. package/dist/esnext/Checkbox/checkbox.js +24 -8
  232. package/dist/esnext/Checkbox/checkbox.js.map +1 -1
  233. package/dist/esnext/Chip/chip.js +123 -82
  234. package/dist/esnext/Chip/chip.js.map +1 -1
  235. package/dist/esnext/CircularProgress/circular_progress.js +32 -30
  236. package/dist/esnext/CircularProgress/circular_progress.js.map +1 -1
  237. package/dist/esnext/Collapse/collapse.js +25 -29
  238. package/dist/esnext/Collapse/collapse.js.map +1 -1
  239. package/dist/esnext/Dialog/dialog.js +39 -38
  240. package/dist/esnext/Dialog/dialog.js.map +1 -1
  241. package/dist/esnext/Dialog/dialog_actions.js +8 -13
  242. package/dist/esnext/Dialog/dialog_actions.js.map +1 -1
  243. package/dist/esnext/Dialog/dialog_content.js +24 -14
  244. package/dist/esnext/Dialog/dialog_content.js.map +1 -1
  245. package/dist/esnext/Dialog/dialog_title.js +11 -15
  246. package/dist/esnext/Dialog/dialog_title.js.map +1 -1
  247. package/dist/esnext/Drawer/drawer.js +8 -14
  248. package/dist/esnext/Drawer/drawer.js.map +1 -1
  249. package/dist/esnext/Fab/fab.js +10 -3
  250. package/dist/esnext/Fab/fab.js.map +1 -1
  251. package/dist/esnext/IconButton/icon_button.js +7 -4
  252. package/dist/esnext/IconButton/icon_button.js.map +1 -1
  253. package/dist/esnext/Image/image.js +0 -3
  254. package/dist/esnext/Image/image.js.map +1 -1
  255. package/dist/esnext/LinearProgress/linear_progress.js +11 -16
  256. package/dist/esnext/LinearProgress/linear_progress.js.map +1 -1
  257. package/dist/esnext/Menu/menu.js +9 -5
  258. package/dist/esnext/Menu/menu.js.map +1 -1
  259. package/dist/esnext/MenuList/menu_item.js +16 -13
  260. package/dist/esnext/MenuList/menu_item.js.map +1 -1
  261. package/dist/esnext/MenuList/menu_list.js +8 -4
  262. package/dist/esnext/MenuList/menu_list.js.map +1 -1
  263. package/dist/esnext/MenuList/sub_menu_item.js +4 -3
  264. package/dist/esnext/MenuList/sub_menu_item.js.map +1 -1
  265. package/dist/esnext/Modal/modal.js +14 -20
  266. package/dist/esnext/Modal/modal.js.map +1 -1
  267. package/dist/esnext/Popover/popover.js +8 -10
  268. package/dist/esnext/Popover/popover.js.map +1 -1
  269. package/dist/esnext/Radio/radio.js +24 -11
  270. package/dist/esnext/Radio/radio.js.map +1 -1
  271. package/dist/esnext/Select/select.js +54 -41
  272. package/dist/esnext/Select/select.js.map +1 -1
  273. package/dist/esnext/Skeleton/skeleton.js +9 -8
  274. package/dist/esnext/Skeleton/skeleton.js.map +1 -1
  275. package/dist/esnext/Slider/slider.js +11 -15
  276. package/dist/esnext/Slider/slider.js.map +1 -1
  277. package/dist/esnext/Switch/switch.js +14 -21
  278. package/dist/esnext/Switch/switch.js.map +1 -1
  279. package/dist/esnext/Tabs/tab.js +9 -5
  280. package/dist/esnext/Tabs/tab.js.map +1 -1
  281. package/dist/esnext/Tabs/tabs.js +8 -13
  282. package/dist/esnext/Tabs/tabs.js.map +1 -1
  283. package/dist/esnext/TextField/text_field.js +36 -30
  284. package/dist/esnext/TextField/text_field.js.map +1 -1
  285. package/dist/esnext/TextareaField/textarea_field.js +41 -32
  286. package/dist/esnext/TextareaField/textarea_field.js.map +1 -1
  287. package/dist/esnext/Toast/toast.js +1 -4
  288. package/dist/esnext/Toast/toast.js.map +1 -1
  289. package/dist/esnext/Toast/toast_container.js +8 -13
  290. package/dist/esnext/Toast/toast_container.js.map +1 -1
  291. package/dist/esnext/Tooltip/tooltip.js +17 -15
  292. package/dist/esnext/Tooltip/tooltip.js.map +1 -1
  293. package/dist/esnext/Typography/typography.js +29 -18
  294. package/dist/esnext/Typography/typography.js.map +1 -1
  295. package/dist/esnext/styles/colors/additional.js +5 -0
  296. package/dist/esnext/styles/colors/additional.js.map +1 -0
  297. package/dist/esnext/styles/colors/attention.js +19 -0
  298. package/dist/esnext/styles/colors/attention.js.map +1 -0
  299. package/dist/esnext/styles/colors/grayscale.js +15 -0
  300. package/dist/esnext/styles/colors/grayscale.js.map +1 -0
  301. package/dist/esnext/styles/colors/index.js +8 -0
  302. package/dist/esnext/styles/colors/index.js.map +1 -0
  303. package/dist/esnext/styles/colors/primary.js +19 -0
  304. package/dist/esnext/styles/colors/primary.js.map +1 -0
  305. package/dist/esnext/styles/colors/secondary.js +19 -0
  306. package/dist/esnext/styles/colors/secondary.js.map +1 -0
  307. package/dist/esnext/styles/colors/success.js +19 -0
  308. package/dist/esnext/styles/colors/success.js.map +1 -0
  309. package/dist/esnext/styles/colors/wrong.js +19 -0
  310. package/dist/esnext/styles/colors/wrong.js.map +1 -0
  311. package/dist/esnext/styles/css.js +6 -0
  312. package/dist/esnext/styles/css.js.map +1 -0
  313. package/dist/esnext/styles/default_theme.js +139 -38
  314. package/dist/esnext/styles/default_theme.js.map +1 -1
  315. package/dist/esnext/styles/index.js +2 -1
  316. package/dist/esnext/styles/index.js.map +1 -1
  317. package/dist/esnext/styles/{foundations/sizes.js → sizes/base.js} +3 -3
  318. package/dist/esnext/styles/sizes/base.js.map +1 -0
  319. package/dist/esnext/styles/sizes/index.js +2 -0
  320. package/dist/esnext/styles/sizes/index.js.map +1 -0
  321. package/dist/esnext/styles/theme_provider.js +9 -13
  322. package/dist/esnext/styles/theme_provider.js.map +1 -1
  323. package/dist/esnext/styles/utils.js +25 -46
  324. package/dist/esnext/styles/utils.js.map +1 -1
  325. package/dist/types/Alert/alert.d.ts +4 -9
  326. package/dist/types/Autocomplete/autocomplete.d.ts +2 -2
  327. package/dist/types/Avatar/avatar.d.ts +5 -7
  328. package/dist/types/Backdrop/backdrop.d.ts +3 -6
  329. package/dist/types/Checkbox/checkbox.d.ts +5 -4
  330. package/dist/types/CircularProgress/circular_progress.d.ts +6 -6
  331. package/dist/types/Collapse/collapse.d.ts +3 -9
  332. package/dist/types/Dialog/dialog.d.ts +2 -8
  333. package/dist/types/Dialog/dialog_actions.d.ts +2 -8
  334. package/dist/types/Dialog/dialog_content.d.ts +2 -2
  335. package/dist/types/Dialog/dialog_title.d.ts +2 -8
  336. package/dist/types/Drawer/drawer.d.ts +2 -8
  337. package/dist/types/IconButton/icon_button.d.ts +2 -2
  338. package/dist/types/Image/image.d.ts +3 -8
  339. package/dist/types/LinearProgress/linear_progress.d.ts +2 -8
  340. package/dist/types/Menu/menu.d.ts +5 -5
  341. package/dist/types/Modal/modal.d.ts +4 -9
  342. package/dist/types/Popover/popover.d.ts +0 -3
  343. package/dist/types/Radio/radio.d.ts +5 -7
  344. package/dist/types/Select/select.d.ts +3 -8
  345. package/dist/types/Slider/slider.d.ts +4 -9
  346. package/dist/types/Switch/switch.d.ts +4 -9
  347. package/dist/types/Tabs/tabs.d.ts +2 -8
  348. package/dist/types/TextField/text_field.d.ts +3 -8
  349. package/dist/types/TextareaField/textarea_field.d.ts +4 -9
  350. package/dist/types/Toast/toast.d.ts +2 -8
  351. package/dist/types/Toast/toast_container.d.ts +2 -8
  352. package/dist/types/Tooltip/index.d.ts +1 -1
  353. package/dist/types/Tooltip/tooltip.d.ts +2 -2
  354. package/dist/types/styles/colors/additional.d.ts +4 -0
  355. package/dist/types/styles/colors/attention.d.ts +26 -0
  356. package/dist/types/styles/colors/grayscale.d.ts +14 -0
  357. package/dist/types/styles/colors/index.d.ts +7 -0
  358. package/dist/types/styles/colors/primary.d.ts +26 -0
  359. package/dist/types/styles/colors/secondary.d.ts +26 -0
  360. package/dist/types/styles/colors/success.d.ts +26 -0
  361. package/dist/types/styles/colors/wrong.d.ts +26 -0
  362. package/dist/types/styles/css.d.ts +10 -0
  363. package/dist/types/styles/default_theme.d.ts +1 -2
  364. package/dist/types/styles/index.d.ts +2 -1
  365. package/dist/types/styles/{foundations/sizes.d.ts → sizes/base.d.ts} +2 -2
  366. package/dist/types/styles/sizes/index.d.ts +1 -0
  367. package/dist/types/styles/theme_provider.d.ts +1 -7
  368. package/dist/types/styles/types.d.ts +1 -1
  369. package/dist/types/styles/utils.d.ts +28 -2
  370. package/package.json +22 -15
  371. package/dist/cjs/styles/foundations/colors.js +0 -69
  372. package/dist/cjs/styles/foundations/colors.js.map +0 -1
  373. package/dist/cjs/styles/foundations/index.js +0 -34
  374. package/dist/cjs/styles/foundations/index.js.map +0 -1
  375. package/dist/cjs/styles/foundations/shadow.js +0 -11
  376. package/dist/cjs/styles/foundations/shadow.js.map +0 -1
  377. package/dist/cjs/styles/foundations/sizes.js.map +0 -1
  378. package/dist/cjs/styles/foundations/text.js +0 -132
  379. package/dist/cjs/styles/foundations/text.js.map +0 -1
  380. package/dist/esm/styles/foundations/colors.js +0 -65
  381. package/dist/esm/styles/foundations/colors.js.map +0 -1
  382. package/dist/esm/styles/foundations/index.js +0 -6
  383. package/dist/esm/styles/foundations/index.js.map +0 -1
  384. package/dist/esm/styles/foundations/shadow.js +0 -8
  385. package/dist/esm/styles/foundations/shadow.js.map +0 -1
  386. package/dist/esm/styles/foundations/sizes.js.map +0 -1
  387. package/dist/esm/styles/foundations/text.js +0 -129
  388. package/dist/esm/styles/foundations/text.js.map +0 -1
  389. package/dist/esnext/styles/foundations/colors.js +0 -64
  390. package/dist/esnext/styles/foundations/colors.js.map +0 -1
  391. package/dist/esnext/styles/foundations/index.js +0 -6
  392. package/dist/esnext/styles/foundations/index.js.map +0 -1
  393. package/dist/esnext/styles/foundations/shadow.js +0 -8
  394. package/dist/esnext/styles/foundations/shadow.js.map +0 -1
  395. package/dist/esnext/styles/foundations/sizes.js.map +0 -1
  396. package/dist/esnext/styles/foundations/text.js +0 -129
  397. package/dist/esnext/styles/foundations/text.js.map +0 -1
  398. package/dist/types/styles/foundations/colors.d.ts +0 -64
  399. package/dist/types/styles/foundations/index.d.ts +0 -4
  400. package/dist/types/styles/foundations/shadow.d.ts +0 -7
  401. package/dist/types/styles/foundations/text.d.ts +0 -128
@@ -1 +1 @@
1
- {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
@@ -21,8 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
21
21
  return t;
22
22
  };
23
23
  import * as React from 'react';
24
- import styled from '@emotion/styled';
25
- import isPropValid from '@emotion/is-prop-valid';
24
+ import { css, cx } from '../styles';
26
25
  import { Typography } from '../Typography';
27
26
  import { CloseSmallIcon } from '../icons';
28
27
  /**
@@ -31,74 +30,96 @@ import { CloseSmallIcon } from '../icons';
31
30
  /**
32
31
  * Styles.
33
32
  */
34
- var ChipRoot = styled('div', {
35
- shouldForwardProp: function (prop) { return isPropValid(prop) && prop !== 'color'; },
36
- })(function (props) { return (__assign(__assign({ display: 'inline-flex', maxWidth: '100%', fontFamily: 'inherit', outline: '0', boxSizing: 'border-box', borderRadius: 'var(--pv-size-base-3)', padding: '0 var(--pv-size-base-2)', height: 'var(--pv-size-base-6)', backgroundColor: 'transparent', transition: 'background-color 200ms, color 200ms, border-color 200ms, box-shadow 200ms', margin: '0 var(--pv-size-base)', cursor: 'default', border: '1px solid transparent', verticalAlign: 'middle', justifyContent: 'center', alignItems: 'center', whiteSpace: 'nowrap', textDecoration: 'none' }, (props.disabled && {
33
+ var stylesBase = function () { return css({
34
+ label: 'Chip',
35
+ display: 'inline-flex',
36
+ maxWidth: '100%',
37
+ fontFamily: 'inherit',
38
+ outline: '0',
39
+ boxSizing: 'border-box',
40
+ borderRadius: 'var(--pv-size-base-3)',
41
+ padding: '0 var(--pv-size-base-2)',
42
+ height: 'var(--pv-size-base-6)',
43
+ backgroundColor: 'transparent',
44
+ transition: 'background-color 200ms, color 200ms, border-color 200ms, box-shadow 200ms',
45
+ margin: '0 var(--pv-size-base)',
46
+ cursor: 'default',
47
+ border: '1px solid transparent',
48
+ verticalAlign: 'middle',
49
+ justifyContent: 'center',
50
+ alignItems: 'center',
51
+ whiteSpace: 'nowrap',
52
+ textDecoration: 'none',
53
+ }); };
54
+ var stylesDisabled = function () { return css({
55
+ label: 'disabled',
37
56
  pointerEvents: 'none',
38
- })), (Boolean(props.onClick) && !props.disabled && {
57
+ }); };
58
+ var stylesClickable = function () { return css({
59
+ label: 'clickable',
39
60
  cursor: 'pointer',
40
61
  userSelect: 'none',
41
62
  WebkitTapHighlightColor: 'transparent',
42
- }))); }, function (props) {
43
- var color;
44
- var borderColor;
45
- var backgroundColor;
46
- var backgroundColorHover;
47
- var backgroundColorFocus;
48
- var backgroundColorActive;
49
- var boxShadowActive;
50
- if (props.variant === 'contained') {
51
- if (props.color === 'default') {
52
- color = 'var(--pv-color-black)';
53
- backgroundColor = 'var(--pv-color-gray-4)';
54
- backgroundColorHover = 'var(--pv-color-gray-7)';
55
- backgroundColorFocus = 'var(--pv-color-gray-6)';
56
- backgroundColorActive = 'var(--pv-color-gray-5)';
57
- }
58
- else {
59
- color = 'var(--pv-color-white)';
60
- backgroundColor = "var(--pv-color-".concat(props.color, ")");
61
- backgroundColorHover = "var(--pv-color-".concat(props.color, "-tint-1)");
62
- backgroundColorFocus = "var(--pv-color-".concat(props.color, "-tint-2)");
63
- backgroundColorActive = "var(--pv-color-".concat(props.color, "-tint-2)");
64
- boxShadowActive = 'var(--pv-shadow-light-medium)';
65
- }
66
- }
67
- if (props.variant === 'outlined') {
68
- if (props.color === 'default') {
69
- color = 'var(--pv-color-gray-10)';
70
- borderColor = 'var(--pv-color-gray-6)';
71
- backgroundColor = 'transparent';
72
- backgroundColorHover = 'var(--pv-color-gray-3)';
73
- backgroundColorFocus = 'var(--pv-color-gray-4)';
74
- backgroundColorActive = 'var(--pv-color-gray-5)';
75
- }
76
- else {
77
- color = "var(--pv-color-".concat(props.color, ")");
78
- borderColor = "var(--pv-color-".concat(props.color, "-tint-2)");
79
- backgroundColor = 'transparent';
80
- backgroundColorHover = "var(--pv-color-".concat(props.color, "-tint-5)");
81
- backgroundColorFocus = "var(--pv-color-".concat(props.color, "-tint-4)");
82
- backgroundColorActive = "var(--pv-color-".concat(props.color, "-tint-3)");
83
- }
84
- }
85
- return __assign(__assign({ borderColor: borderColor, backgroundColor: backgroundColor, color: color }, (typeof props.onClick === 'function' && !props.disabled && {
86
- '&:hover': {
87
- backgroundColor: backgroundColorHover,
88
- },
89
- '&:focus': {
90
- backgroundColor: backgroundColorFocus,
91
- },
92
- '&:active': {
93
- backgroundColor: backgroundColorActive,
94
- boxShadow: boxShadowActive,
95
- },
96
- })), (props.disabled && {
97
- color: 'var(--pv-color-gray-8)',
98
- borderColor: 'var(--pv-color-gray-4)',
99
- }));
100
- });
101
- var ChipDeleteIcon = styled('span')({
63
+ }); };
64
+ var stylesVariantContainedColorNotDefault = function (props) { return css(__assign(__assign({ label: 'contained', backgroundColor: "var(--pv-color-".concat(props.color, ")"), color: 'var(--pv-color-white)' }, (typeof props.onClick === 'function' && !props.disabled && {
65
+ '&:hover': {
66
+ backgroundColor: "var(--pv-color-".concat(props.color, "-tint-1)"),
67
+ },
68
+ '&:focus': {
69
+ backgroundColor: "var(--pv-color-".concat(props.color, "-tint-2)"),
70
+ },
71
+ '&:active': {
72
+ backgroundColor: "var(--pv-color-".concat(props.color, "-tint-2)"),
73
+ boxShadow: 'var(--pv-shadow-light-medium)',
74
+ },
75
+ })), (props.disabled && {
76
+ color: 'var(--pv-color-gray-8)',
77
+ backgroundColor: 'var(--pv-color-gray-4)',
78
+ }))); };
79
+ var stylesVariantContainedColorDefault = function (props) { return css(__assign(__assign({ label: 'contained-default', backgroundColor: 'var(--pv-color-gray-4)', color: 'var(--pv-color-black)' }, (typeof props.onClick === 'function' && !props.disabled && {
80
+ '&:hover': {
81
+ backgroundColor: 'var(--pv-color-gray-7)',
82
+ },
83
+ '&:focus': {
84
+ backgroundColor: 'var(--pv-color-gray-6)',
85
+ },
86
+ '&:active': {
87
+ backgroundColor: 'var(--pv-color-gray-5)',
88
+ },
89
+ })), (props.disabled && {
90
+ color: 'var(--pv-color-gray-8)',
91
+ backgroundColor: 'var(--pv-color-gray-4)',
92
+ }))); };
93
+ var stylesVariantOutlinedColorNotDefault = function (props) { return css(__assign(__assign({ label: 'outlined', backgroundColor: 'transparent', color: "var(--pv-color-".concat(props.color, ")"), borderColor: "var(--pv-color-".concat(props.color, "-tint-2)") }, (typeof props.onClick === 'function' && !props.disabled && {
94
+ '&:hover': {
95
+ backgroundColor: "var(--pv-color-".concat(props.color, "-tint-5)"),
96
+ },
97
+ '&:focus': {
98
+ backgroundColor: "var(--pv-color-".concat(props.color, "-tint-4)"),
99
+ },
100
+ '&:active': {
101
+ backgroundColor: "var(--pv-color-".concat(props.color, "-tint-3)"),
102
+ },
103
+ })), (props.disabled && {
104
+ color: 'var(--pv-color-gray-8)',
105
+ borderColor: 'var(--pv-color-gray-4)',
106
+ }))); };
107
+ var stylesVariantOutlinedColorDefault = function (props) { return css(__assign(__assign({ label: 'outlined-default', backgroundColor: 'transparent', color: 'var(--pv-color-gray-10)', borderColor: 'var(--pv-color-gray-6)' }, (typeof props.onClick === 'function' && !props.disabled && {
108
+ '&:hover': {
109
+ backgroundColor: 'var(--pv-color-gray-3)',
110
+ },
111
+ '&:focus': {
112
+ backgroundColor: 'var(--pv-color-gray-4)',
113
+ },
114
+ '&:active': {
115
+ backgroundColor: 'var(--pv-color-gray-5)',
116
+ },
117
+ })), (props.disabled && {
118
+ color: 'var(--pv-color-gray-8)',
119
+ borderColor: 'var(--pv-color-gray-4)',
120
+ }))); };
121
+ var stylesDeleteAction = function () { return css({
122
+ label: 'delete',
102
123
  width: '24px',
103
124
  height: '24px',
104
125
  cursor: 'pointer',
@@ -110,20 +131,20 @@ var ChipDeleteIcon = styled('span')({
110
131
  '&:hover': {
111
132
  opacity: '1',
112
133
  },
113
- });
114
- var ChipStartContent = styled('span')({
134
+ }); };
135
+ var stylesStartContent = function () { return css({
136
+ label: 'Chip-startIcon',
115
137
  marginRight: 'var(--pv-size-base)',
116
138
  display: 'inherit',
117
- });
139
+ }); };
118
140
  /**
119
141
  *
120
142
  */
121
143
  export var Chip = React.forwardRef(function (props, ref) {
122
- var children = props.children, disabled = props.disabled, _a = props.deleteIcon, deleteIcon = _a === void 0 ? CloseSmallIcon : _a, startContentProp = props.startContent, component = props.component, onClick = props.onClick, onDelete = props.onDelete, other = __rest(props, ["children", "disabled", "deleteIcon", "startContent", "component", "onClick", "onDelete"]);
123
- var Component = component || 'div';
144
+ var _a, _b, _c, _d;
145
+ var children = props.children, disabled = props.disabled, deleteIcon = props.deleteIcon, variant = props.variant, color = props.color, className = props.className, startContentProp = props.startContent, component = props.component, onClick = props.onClick, onDelete = props.onDelete, other = __rest(props, ["children", "disabled", "deleteIcon", "variant", "color", "className", "startContent", "component", "onClick", "onDelete"]);
124
146
  var clickable = Boolean(onClick);
125
147
  var baseProps = {
126
- disabled: disabled,
127
148
  role: clickable ? 'button' : undefined,
128
149
  'aria-disabled': disabled ? true : undefined,
129
150
  tabIndex: clickable && !disabled ? 0 : undefined,
@@ -140,10 +161,25 @@ export var Chip = React.forwardRef(function (props, ref) {
140
161
  if (!onDelete) {
141
162
  return null;
142
163
  }
143
- return (React.createElement(ChipDeleteIcon, { "aria-hidden": true, as: deleteIcon, onClick: handleDeleteClick }));
164
+ var baseIconProps = {
165
+ 'aria-hidden': true,
166
+ className: cx(stylesDeleteAction()),
167
+ onClick: handleDeleteClick,
168
+ };
169
+ if (deleteIcon) {
170
+ return React.cloneElement(deleteIcon, baseIconProps);
171
+ }
172
+ return (React.createElement(CloseSmallIcon, __assign({}, baseIconProps)));
144
173
  };
145
- var startContent = startContentProp && (React.createElement(ChipStartContent, null, startContentProp));
146
- return (React.createElement(ChipRoot, __assign({ as: Component, ref: ref }, baseProps, other),
174
+ var startContent = startContentProp && (React.createElement("span", { className: cx(stylesStartContent()) }, startContentProp));
175
+ var Component = component || 'div';
176
+ return (React.createElement(Component, __assign({}, other, baseProps, { ref: ref, className: cx(__assign(__assign(__assign((_a = {}, _a[stylesBase()] = true, _a[stylesDisabled()] = disabled, _a[stylesClickable()] = clickable && !disabled, _a), (color !== 'default' && (_b = {},
177
+ _b[stylesVariantContainedColorNotDefault(props)] = variant === 'contained',
178
+ _b[stylesVariantOutlinedColorNotDefault(props)] = variant === 'outlined',
179
+ _b))), (color === 'default' && (_c = {},
180
+ _c[stylesVariantContainedColorDefault(props)] = variant === 'contained',
181
+ _c[stylesVariantOutlinedColorDefault(props)] = variant === 'outlined',
182
+ _c))), (_d = {}, _d[className] = !!className, _d))) }),
147
183
  startContent,
148
184
  React.createElement(Typography, { variant: "b3", component: "span", color: "inherit", noWrap: true }, children),
149
185
  renderDeleteAction()));
@@ -1 +1 @@
1
- {"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/Chip/chip.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../src/Chip/chip.tsx"],"names":[],"mappings":"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"}
@@ -25,52 +25,56 @@ var __rest = (this && this.__rest) || function (s, e) {
25
25
  return t;
26
26
  };
27
27
  import React from 'react';
28
- import { keyframes } from '@emotion/react';
29
- import styled from '@emotion/styled';
30
- import isPropValid from '@emotion/is-prop-valid';
31
- /**
32
- *
33
- */
28
+ import { css, cx, keyframes } from '../styles';
34
29
  /**
35
30
  * Styles.
36
31
  */
32
+ var SIZE = 44;
33
+ var THICKNESS = 4;
37
34
  var circularRotateKeyframe = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"], ["\n 0% {\n transform: rotate(0deg);\n }\n 100% {\n transform: rotate(360deg);\n }\n"])));
38
35
  var circularDashKeyframe = keyframes(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n 0% {\n stroke-dasharray: 1px, 200px;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -15px;\n }\n 100% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -125px;\n }\n"], ["\n 0% {\n stroke-dasharray: 1px, 200px;\n stroke-dashoffset: 0;\n }\n 50% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -15px;\n }\n 100% {\n stroke-dasharray: 100px, 200px;\n stroke-dashoffset: -125px;\n }\n"])));
39
- var CircularProgressRoot = styled('div', {
40
- shouldForwardProp: function (prop) { return isPropValid(prop) && prop !== 'color'; },
41
- })(function (props) { return (__assign(__assign(__assign({ label: 'CircularProgress', overflow: 'hidden', position: 'relative', display: 'inline-block', color: "var(--pv-color-".concat(props.color, ")") }, (props.variant === 'indeterminate' ? {
36
+ var stylesBase = function (color, variant) { return css(__assign({ label: 'CircularProgress', overflow: 'hidden', position: 'relative', display: 'inline-block', color: "var(--pv-color-".concat(color, ")") }, (variant === 'indeterminate' ? {
42
37
  animation: "".concat(circularRotateKeyframe, " 1.4s linear infinite"),
43
38
  } : {
44
39
  transform: 'rotate(-90deg)',
45
- })), (props.size === 'small' && {
40
+ }))); };
41
+ var stylesBaseSmall = function () { return css({
42
+ label: 'small',
46
43
  height: 'var(--pv-size-base-3)',
47
44
  width: 'var(--pv-size-base-3)',
48
- })), (props.size === 'large' && {
45
+ }); };
46
+ var stylesBaseLarge = function () { return css({
47
+ label: 'large',
49
48
  height: 'var(--pv-size-base-6)',
50
49
  width: 'var(--pv-size-base-6)',
51
- }))); });
52
- var CircularProgressSvg = styled('svg')({
50
+ }); };
51
+ var stylesProgressSvg = function () { return css({
52
+ label: 'CircularProgress-svg',
53
53
  display: 'block',
54
- });
55
- var CircularProgressCircle = styled('circle')(function (props) { return (__assign({ stroke: 'currentcolor', strokeDasharray: '80px, 200px', strokeDashoffset: 0 }, (props.variant === 'indeterminate' && {
54
+ }); };
55
+ var stylesProgressCircle = function (variant) { return css(__assign({ label: 'CircularProgress-circle', stroke: 'currentcolor', strokeDasharray: '80px, 200px', strokeDashoffset: 0 }, (variant === 'indeterminate' && {
56
56
  animation: "".concat(circularDashKeyframe, " 1.4s ease-in-out infinite"),
57
- }))); });
57
+ }))); };
58
58
  /**
59
59
  *
60
60
  */
61
- var SIZE = 44;
62
- var THICKNESS = 4;
63
61
  export var CircularProgress = React.forwardRef(function (props, ref) {
64
- var size = props.size, _a = props.variant, variant = _a === void 0 ? 'indeterminate' : _a, _b = props.value, value = _b === void 0 ? 0 : _b, other = __rest(props, ["size", "variant", "value"]);
62
+ var _a;
63
+ var color = props.color, className = props.className, size = props.size, _b = props.variant, variant = _b === void 0 ? 'indeterminate' : _b, _c = props.value, value = _c === void 0 ? 0 : _c, other = __rest(props, ["color", "className", "size", "variant", "value"]);
65
64
  var circleStyle = {};
66
65
  if (variant === 'determinate') {
67
66
  var circumference = 2 * Math.PI * ((SIZE - THICKNESS) / 2);
68
67
  circleStyle.strokeDasharray = circumference.toFixed(3);
69
68
  circleStyle.strokeDashoffset = "".concat((((100 - value) / 100) * circumference).toFixed(3), "px");
70
69
  }
71
- return (React.createElement(CircularProgressRoot, __assign({ ref: ref, role: "progressbar", variant: variant, size: size }, other),
72
- React.createElement(CircularProgressSvg, { viewBox: "".concat(SIZE / 2, " ").concat(SIZE / 2, " ").concat(SIZE, " ").concat(SIZE) },
73
- React.createElement(CircularProgressCircle, { cx: SIZE, cy: SIZE, r: (SIZE - THICKNESS) / 2, fill: "none", strokeWidth: THICKNESS, style: circleStyle, variant: variant }))));
70
+ return (React.createElement("div", __assign({}, other, { ref: ref, className: cx((_a = {},
71
+ _a[stylesBase(color, variant)] = true,
72
+ _a[stylesBaseSmall()] = size === 'small',
73
+ _a[stylesBaseLarge()] = size === 'large',
74
+ _a[className] = !!className,
75
+ _a)), role: "progressbar" }),
76
+ React.createElement("svg", { viewBox: "".concat(SIZE / 2, " ").concat(SIZE / 2, " ").concat(SIZE, " ").concat(SIZE), className: stylesProgressSvg() },
77
+ React.createElement("circle", { cx: SIZE, cy: SIZE, r: (SIZE - THICKNESS) / 2, fill: "none", strokeWidth: THICKNESS, className: stylesProgressCircle(variant), style: circleStyle }))));
74
78
  });
75
79
  CircularProgress.displayName = 'CircularProgress';
76
80
  CircularProgress.defaultProps = {
@@ -1 +1 @@
1
- {"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"circular_progress.js","sourceRoot":"","sources":["../../../src/CircularProgress/circular_progress.tsx"],"names":[],"mappings":"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"}
@@ -21,34 +21,25 @@ var __rest = (this && this.__rest) || function (s, e) {
21
21
  return t;
22
22
  };
23
23
  import * as React from 'react';
24
- import styled from '@emotion/styled';
25
- import isPropValid from '@emotion/is-prop-valid';
26
24
  import { Transition } from 'react-transition-group';
27
- /**
28
- *
29
- */
30
- /**
31
- * Styles.
32
- */
33
- var CollapseRoot = styled('div', {
34
- shouldForwardProp: function (prop) { return isPropValid(prop) && !['orientation', 'in'].includes(prop); },
35
- })(function (props) { return (__assign(__assign(__assign({ overflow: 'hidden', transition: "".concat(props.orientation === 'horizontal' ? 'width' : 'height', " ").concat(props.timeout, "ms cubic-bezier(0.4, 0, 0.2, 1) 0ms") }, (props.orientation === 'horizontal' ? {
25
+ import { css, cx } from '../styles';
26
+ var stylesBase = function (timeout, isHorizontal) { return css(__assign({ label: 'Collapse', overflow: 'hidden', transition: "".concat(isHorizontal ? 'width' : 'height', " ").concat(timeout, "ms cubic-bezier(0.4, 0, 0.2, 1) 0ms") }, (isHorizontal ? {
36
27
  height: 'auto',
37
28
  width: 0,
38
29
  } : {
39
30
  height: 0,
40
- })), (props.state === 'entered' && __assign({ overflow: 'visible' }, (props.orientation === 'horizontal' ? {
31
+ }))); };
32
+ var stylesEntered = function (isHorizontal) { return css(__assign({ label: 'entered', overflow: 'visible' }, (isHorizontal ? {
41
33
  width: 'auto',
42
34
  } : {
43
35
  height: 'auto',
44
- })))), (props.state === 'exited' && !props.in && {
36
+ }))); };
37
+ var stylesHidden = function () { return css({
38
+ label: 'hidden',
45
39
  visibility: 'hidden',
46
- }))); });
47
- /**
48
- *
49
- */
40
+ }); };
50
41
  export var Collapse = function (props) {
51
- var timeout = props.timeout, inProp = props.in, children = props.children, orientation = props.orientation, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, other = __rest(props, ["timeout", "in", "children", "orientation", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting"]);
42
+ var timeout = props.timeout, inProp = props.in, children = props.children, orientation = props.orientation, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, className = props.className, other = __rest(props, ["timeout", "in", "children", "orientation", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting", "className"]);
52
43
  var wrapperRef = React.useRef(null);
53
44
  var nodeRef = React.useRef(null);
54
45
  var isHorizontal = orientation === 'horizontal';
@@ -105,8 +96,16 @@ export var Collapse = function (props) {
105
96
  onExiting();
106
97
  }
107
98
  };
108
- return (React.createElement(Transition, { in: inProp, timeout: timeout, onEnter: handleEnter, onEntering: handleEntering, onEntered: handleEntered, onExit: handleExit, onExiting: handleExiting, onExited: onExited }, function (state) { return (React.createElement(CollapseRoot, __assign({ timeout: timeout, orientation: orientation, state: state, in: inProp, ref: nodeRef }, other),
109
- React.createElement("div", { ref: wrapperRef }, children))); }));
99
+ return (React.createElement(Transition, { in: inProp, timeout: timeout, onEnter: handleEnter, onEntering: handleEntering, onEntered: handleEntered, onExit: handleExit, onExiting: handleExiting, onExited: onExited }, function (state) {
100
+ var _a;
101
+ return (React.createElement("div", __assign({}, other, { className: cx((_a = {},
102
+ _a[stylesBase(timeout, isHorizontal)] = true,
103
+ _a[stylesEntered(isHorizontal)] = state === 'entered',
104
+ _a[stylesHidden()] = state === 'exited' && !inProp,
105
+ _a[className] = !!className,
106
+ _a)), ref: nodeRef }),
107
+ React.createElement("div", { ref: wrapperRef }, children)));
108
+ }));
110
109
  };
111
110
  Collapse.displayName = 'Collapse';
112
111
  Collapse.defaultProps = {
@@ -1 +1 @@
1
- {"version":3,"file":"collapse.js","sourceRoot":"","sources":["../../../src/Collapse/collapse.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"collapse.js","sourceRoot":"","sources":["../../../src/Collapse/collapse.tsx"],"names":[],"mappings":"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"}
@@ -21,64 +21,69 @@ var __rest = (this && this.__rest) || function (s, e) {
21
21
  return t;
22
22
  };
23
23
  import React from 'react';
24
- import styled from '@emotion/styled';
25
24
  import { Modal } from '../Modal';
26
25
  import { Box } from '../Box';
27
26
  import { Fade } from '../Fade';
28
27
  import { CircularProgress } from '../CircularProgress';
29
- /**
30
- *
31
- */
32
- /**
33
- * Styles.
34
- */
35
- var DialogRoot = styled(Box, {
36
- shouldForwardProp: function (prop) { return prop !== 'loading'; },
37
- })(function (props) { return (__assign(__assign(__assign(__assign(__assign({ width: '100%', display: 'flex', maxHeight: 'calc(100% - 60px)', flexDirection: 'column', margin: 'var(--pv-size-base-6)', position: 'relative', outline: 'none', boxShadow: 'var(--pv-shadow-dark-hight)', overflow: 'hidden', border: 0, padding: 0 }, (props.loading && {
28
+ import { css, cx } from '../styles';
29
+ var stylesBase = function (loading) { return css(__assign({ label: 'Dialog', width: '100%', display: 'flex', maxHeight: 'calc(100% - 60px)', flexDirection: 'column', margin: 'var(--pv-size-base-6)', position: 'relative', outline: 'none', boxShadow: 'var(--pv-shadow-dark-hight)', overflow: 'hidden', border: 0, padding: 0 }, (loading && {
38
30
  '[data-key="dialog.content"]': {
39
31
  opacity: 0.5,
40
32
  },
41
33
  '[data-key="dialog.actions"]': {
42
34
  opacity: 0.5,
43
35
  },
44
- })), (props.size === 'small' && {
36
+ }))); };
37
+ var stylesSizeSmall = function () { return css({
38
+ label: 'small',
45
39
  maxWidth: '310px',
46
- })), (props.size === 'medium' && {
40
+ }); };
41
+ var stylesSizeMedium = function () { return css({
42
+ label: 'medium',
47
43
  maxWidth: '640px',
48
- })), (props.size === 'large' && {
44
+ }); };
45
+ var stylesSizeLarge = function () { return css({
46
+ label: 'large',
49
47
  maxWidth: '1024px',
50
- })), (props.fullScreen && {
48
+ }); };
49
+ var stylesFullScreen = function () { return css({
50
+ label: 'fullScreen',
51
51
  height: '100%',
52
52
  margin: 0,
53
53
  maxWidth: '100%',
54
54
  maxHeight: 'none',
55
- }))); });
56
- var DialogModal = styled(Modal)({
55
+ }); };
56
+ var stylesModal = function () { return css({
57
+ label: 'Dialog-modal',
57
58
  display: 'flex',
58
59
  alignItems: 'center',
59
60
  justifyContent: 'center',
60
- });
61
- var DialogLoading = styled(Box)({
61
+ }); };
62
+ var stylesLoading = function () { return css({
63
+ label: 'Dialog-loading',
62
64
  position: 'absolute',
63
65
  inset: '0px',
64
66
  display: 'flex',
65
67
  alignItems: 'center',
66
68
  justifyContent: 'center',
67
- });
68
- /**
69
- *
70
- */
69
+ }); };
71
70
  export var Dialog = React.forwardRef(function (props, ref) {
72
- var open = props.open, children = props.children, fullScreen = props.fullScreen, transitionDuration = props.transitionDuration, disableBackdropClick = props.disableBackdropClick, disableEscapeKeyDown = props.disableEscapeKeyDown, loading = props.loading, loadingColor = props.loadingColor, onClose = props.onClose, dataTestId = props["data-testid"], other = __rest(props, ["open", "children", "fullScreen", "transitionDuration", "disableBackdropClick", "disableEscapeKeyDown", "loading", "loadingColor", "onClose", 'data-testid']);
73
- return (React.createElement(DialogModal, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, disableBackdropClick: loading || disableBackdropClick, disableEscapeKeyDown: loading || disableEscapeKeyDown, backdropProps: {
71
+ var _a;
72
+ var open = props.open, children = props.children, className = props.className, fullScreen = props.fullScreen, transitionDuration = props.transitionDuration, disableBackdropClick = props.disableBackdropClick, disableEscapeKeyDown = props.disableEscapeKeyDown, size = props.size, loading = props.loading, loadingColor = props.loadingColor, onClose = props.onClose, dataTestId = props["data-testid"], other = __rest(props, ["open", "children", "className", "fullScreen", "transitionDuration", "disableBackdropClick", "disableEscapeKeyDown", "size", "loading", "loadingColor", "onClose", 'data-testid']);
73
+ return (React.createElement(Modal, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, className: cx(stylesModal()), disableBackdropClick: loading || disableBackdropClick, disableEscapeKeyDown: loading || disableEscapeKeyDown, backdropProps: {
74
74
  invisible: fullScreen,
75
75
  } },
76
76
  React.createElement(Fade, { in: open, timeout: transitionDuration },
77
- React.createElement(DialogRoot, __assign({ role: "dialog", background: "white", borderRadius: fullScreen ? 0 : 4, loading: loading, fullScreen: fullScreen, tabIndex: -1,
78
- // @ts-ignore
79
- component: "fieldset", disabled: loading }, other),
77
+ React.createElement(Box, __assign({}, other, { role: "dialog", background: "white", borderRadius: fullScreen ? 0 : 4, className: cx((_a = {},
78
+ _a[stylesBase(loading)] = true,
79
+ _a[stylesSizeSmall()] = size === 'small',
80
+ _a[stylesSizeMedium()] = size === 'medium',
81
+ _a[stylesSizeLarge()] = size === 'large',
82
+ _a[stylesFullScreen()] = fullScreen,
83
+ _a[className] = !!className,
84
+ _a)), tabIndex: -1, component: "fieldset", disabled: loading }),
80
85
  children,
81
- loading && (React.createElement(DialogLoading, null,
86
+ loading && (React.createElement(Box, { className: cx(stylesLoading()) },
82
87
  React.createElement(CircularProgress, { color: loadingColor })))))));
83
88
  });
84
89
  Dialog.displayName = 'Dialog';
@@ -1 +1 @@
1
- {"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/Dialog/dialog.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/Dialog/dialog.tsx"],"names":[],"mappings":"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"}