@peculiar/react-components 0.3.14 → 0.4.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 (401) hide show
  1. package/dist/cjs/Alert/alert.js +49 -22
  2. package/dist/cjs/Alert/alert.js.map +1 -1
  3. package/dist/cjs/Autocomplete/autocomplete.js +151 -118
  4. package/dist/cjs/Autocomplete/autocomplete.js.map +1 -1
  5. package/dist/cjs/Avatar/avatar.js +22 -32
  6. package/dist/cjs/Avatar/avatar.js.map +1 -1
  7. package/dist/cjs/Backdrop/backdrop.js +18 -22
  8. package/dist/cjs/Backdrop/backdrop.js.map +1 -1
  9. package/dist/cjs/Box/box.js +31 -48
  10. package/dist/cjs/Box/box.js.map +1 -1
  11. package/dist/cjs/Button/button.js +16 -28
  12. package/dist/cjs/Button/button.js.map +1 -1
  13. package/dist/cjs/ButtonBase/button_base.js +139 -178
  14. package/dist/cjs/ButtonBase/button_base.js.map +1 -1
  15. package/dist/cjs/Checkbox/checkbox.js +65 -58
  16. package/dist/cjs/Checkbox/checkbox.js.map +1 -1
  17. package/dist/cjs/Chip/chip.js +84 -111
  18. package/dist/cjs/Chip/chip.js.map +1 -1
  19. package/dist/cjs/CircularProgress/circular_progress.js +24 -28
  20. package/dist/cjs/CircularProgress/circular_progress.js.map +1 -1
  21. package/dist/cjs/Collapse/collapse.js +23 -19
  22. package/dist/cjs/Collapse/collapse.js.map +1 -1
  23. package/dist/cjs/Dialog/dialog.js +40 -33
  24. package/dist/cjs/Dialog/dialog.js.map +1 -1
  25. package/dist/cjs/Dialog/dialog_actions.js +14 -10
  26. package/dist/cjs/Dialog/dialog_actions.js.map +1 -1
  27. package/dist/cjs/Dialog/dialog_content.js +18 -29
  28. package/dist/cjs/Dialog/dialog_content.js.map +1 -1
  29. package/dist/cjs/Dialog/dialog_title.js +18 -15
  30. package/dist/cjs/Dialog/dialog_title.js.map +1 -1
  31. package/dist/cjs/Drawer/drawer.js +20 -18
  32. package/dist/cjs/Drawer/drawer.js.map +1 -1
  33. package/dist/cjs/Fab/fab.js +6 -22
  34. package/dist/cjs/Fab/fab.js.map +1 -1
  35. package/dist/cjs/IconButton/icon_button.js +8 -9
  36. package/dist/cjs/IconButton/icon_button.js.map +1 -1
  37. package/dist/cjs/Image/image.js +3 -0
  38. package/dist/cjs/Image/image.js.map +1 -1
  39. package/dist/cjs/LinearProgress/linear_progress.js +19 -15
  40. package/dist/cjs/LinearProgress/linear_progress.js.map +1 -1
  41. package/dist/cjs/Menu/menu.js +7 -12
  42. package/dist/cjs/Menu/menu.js.map +1 -1
  43. package/dist/cjs/MenuList/menu_item.js +58 -27
  44. package/dist/cjs/MenuList/menu_item.js.map +1 -1
  45. package/dist/cjs/MenuList/menu_list.js +5 -10
  46. package/dist/cjs/MenuList/menu_list.js.map +1 -1
  47. package/dist/cjs/MenuList/sub_menu_item.js +8 -7
  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 +27 -15
  52. package/dist/cjs/Popover/popover.js.map +1 -1
  53. package/dist/cjs/Radio/radio.js +69 -60
  54. package/dist/cjs/Radio/radio.js.map +1 -1
  55. package/dist/cjs/Select/select.js +80 -95
  56. package/dist/cjs/Select/select.js.map +1 -1
  57. package/dist/cjs/Skeleton/skeleton.js +12 -10
  58. package/dist/cjs/Skeleton/skeleton.js.map +1 -1
  59. package/dist/cjs/Slider/slider.js +20 -14
  60. package/dist/cjs/Slider/slider.js.map +1 -1
  61. package/dist/cjs/Switch/switch.js +77 -42
  62. package/dist/cjs/Switch/switch.js.map +1 -1
  63. package/dist/cjs/Tabs/tab.js +62 -57
  64. package/dist/cjs/Tabs/tab.js.map +1 -1
  65. package/dist/cjs/Tabs/tabs.js +17 -10
  66. package/dist/cjs/Tabs/tabs.js.map +1 -1
  67. package/dist/cjs/TextField/text_field.js +80 -72
  68. package/dist/cjs/TextField/text_field.js.map +1 -1
  69. package/dist/cjs/TextareaField/textarea_field.js +78 -79
  70. package/dist/cjs/TextareaField/textarea_field.js.map +1 -1
  71. package/dist/cjs/Toast/toast.js +4 -1
  72. package/dist/cjs/Toast/toast.js.map +1 -1
  73. package/dist/cjs/Toast/toast_container.js +17 -10
  74. package/dist/cjs/Toast/toast_container.js.map +1 -1
  75. package/dist/cjs/Tooltip/tooltip.js +60 -24
  76. package/dist/cjs/Tooltip/tooltip.js.map +1 -1
  77. package/dist/cjs/Typography/typography.js +11 -28
  78. package/dist/cjs/Typography/typography.js.map +1 -1
  79. package/dist/cjs/styles/default_theme.js +13 -141
  80. package/dist/cjs/styles/default_theme.js.map +1 -1
  81. package/dist/cjs/styles/foundations/colors.js +69 -0
  82. package/dist/cjs/styles/foundations/colors.js.map +1 -0
  83. package/dist/cjs/styles/foundations/index.js +34 -0
  84. package/dist/cjs/styles/foundations/index.js.map +1 -0
  85. package/dist/cjs/styles/foundations/shadow.js +20 -0
  86. package/dist/cjs/styles/foundations/shadow.js.map +1 -0
  87. package/dist/cjs/styles/{sizes/base.js → foundations/sizes.js} +5 -5
  88. package/dist/cjs/styles/foundations/sizes.js.map +1 -0
  89. package/dist/cjs/styles/foundations/text.js +132 -0
  90. package/dist/cjs/styles/foundations/text.js.map +1 -0
  91. package/dist/cjs/styles/index.js +3 -7
  92. package/dist/cjs/styles/index.js.map +1 -1
  93. package/dist/cjs/styles/theme_provider.js +12 -8
  94. package/dist/cjs/styles/theme_provider.js.map +1 -1
  95. package/dist/cjs/styles/utils.js +40 -19
  96. package/dist/cjs/styles/utils.js.map +1 -1
  97. package/dist/esm/Alert/alert.js +46 -22
  98. package/dist/esm/Alert/alert.js.map +1 -1
  99. package/dist/esm/Autocomplete/autocomplete.js +151 -118
  100. package/dist/esm/Autocomplete/autocomplete.js.map +1 -1
  101. package/dist/esm/Avatar/avatar.js +19 -32
  102. package/dist/esm/Avatar/avatar.js.map +1 -1
  103. package/dist/esm/Backdrop/backdrop.js +15 -22
  104. package/dist/esm/Backdrop/backdrop.js.map +1 -1
  105. package/dist/esm/Box/box.js +28 -48
  106. package/dist/esm/Box/box.js.map +1 -1
  107. package/dist/esm/Button/button.js +13 -28
  108. package/dist/esm/Button/button.js.map +1 -1
  109. package/dist/esm/ButtonBase/button_base.js +136 -178
  110. package/dist/esm/ButtonBase/button_base.js.map +1 -1
  111. package/dist/esm/Checkbox/checkbox.js +62 -58
  112. package/dist/esm/Checkbox/checkbox.js.map +1 -1
  113. package/dist/esm/Chip/chip.js +81 -111
  114. package/dist/esm/Chip/chip.js.map +1 -1
  115. package/dist/esm/CircularProgress/circular_progress.js +22 -26
  116. package/dist/esm/CircularProgress/circular_progress.js.map +1 -1
  117. package/dist/esm/Collapse/collapse.js +20 -19
  118. package/dist/esm/Collapse/collapse.js.map +1 -1
  119. package/dist/esm/Dialog/dialog.js +40 -33
  120. package/dist/esm/Dialog/dialog.js.map +1 -1
  121. package/dist/esm/Dialog/dialog_actions.js +14 -10
  122. package/dist/esm/Dialog/dialog_actions.js.map +1 -1
  123. package/dist/esm/Dialog/dialog_content.js +18 -29
  124. package/dist/esm/Dialog/dialog_content.js.map +1 -1
  125. package/dist/esm/Dialog/dialog_title.js +18 -15
  126. package/dist/esm/Dialog/dialog_title.js.map +1 -1
  127. package/dist/esm/Drawer/drawer.js +17 -18
  128. package/dist/esm/Drawer/drawer.js.map +1 -1
  129. package/dist/esm/Fab/fab.js +4 -23
  130. package/dist/esm/Fab/fab.js.map +1 -1
  131. package/dist/esm/IconButton/icon_button.js +5 -9
  132. package/dist/esm/IconButton/icon_button.js.map +1 -1
  133. package/dist/esm/Image/image.js +3 -0
  134. package/dist/esm/Image/image.js.map +1 -1
  135. package/dist/esm/LinearProgress/linear_progress.js +18 -14
  136. package/dist/esm/LinearProgress/linear_progress.js.map +1 -1
  137. package/dist/esm/Menu/menu.js +7 -12
  138. package/dist/esm/Menu/menu.js.map +1 -1
  139. package/dist/esm/MenuList/menu_item.js +58 -27
  140. package/dist/esm/MenuList/menu_item.js.map +1 -1
  141. package/dist/esm/MenuList/menu_list.js +5 -10
  142. package/dist/esm/MenuList/menu_list.js.map +1 -1
  143. package/dist/esm/MenuList/sub_menu_item.js +8 -7
  144. package/dist/esm/MenuList/sub_menu_item.js.map +1 -1
  145. package/dist/esm/Modal/modal.js +18 -21
  146. package/dist/esm/Modal/modal.js.map +1 -1
  147. package/dist/esm/Popover/popover.js +27 -15
  148. package/dist/esm/Popover/popover.js.map +1 -1
  149. package/dist/esm/Radio/radio.js +66 -60
  150. package/dist/esm/Radio/radio.js.map +1 -1
  151. package/dist/esm/Select/select.js +77 -95
  152. package/dist/esm/Select/select.js.map +1 -1
  153. package/dist/esm/Skeleton/skeleton.js +8 -9
  154. package/dist/esm/Skeleton/skeleton.js.map +1 -1
  155. package/dist/esm/Slider/slider.js +17 -14
  156. package/dist/esm/Slider/slider.js.map +1 -1
  157. package/dist/esm/Switch/switch.js +74 -42
  158. package/dist/esm/Switch/switch.js.map +1 -1
  159. package/dist/esm/Tabs/tab.js +59 -57
  160. package/dist/esm/Tabs/tab.js.map +1 -1
  161. package/dist/esm/Tabs/tabs.js +14 -10
  162. package/dist/esm/Tabs/tabs.js.map +1 -1
  163. package/dist/esm/TextField/text_field.js +77 -72
  164. package/dist/esm/TextField/text_field.js.map +1 -1
  165. package/dist/esm/TextareaField/textarea_field.js +75 -79
  166. package/dist/esm/TextareaField/textarea_field.js.map +1 -1
  167. package/dist/esm/Toast/toast.js +4 -1
  168. package/dist/esm/Toast/toast.js.map +1 -1
  169. package/dist/esm/Toast/toast_container.js +14 -10
  170. package/dist/esm/Toast/toast_container.js.map +1 -1
  171. package/dist/esm/Tooltip/tooltip.js +59 -23
  172. package/dist/esm/Tooltip/tooltip.js.map +1 -1
  173. package/dist/esm/Typography/typography.js +8 -28
  174. package/dist/esm/Typography/typography.js.map +1 -1
  175. package/dist/esm/styles/default_theme.js +12 -140
  176. package/dist/esm/styles/default_theme.js.map +1 -1
  177. package/dist/esm/styles/foundations/colors.js +65 -0
  178. package/dist/esm/styles/foundations/colors.js.map +1 -0
  179. package/dist/esm/styles/foundations/index.js +7 -0
  180. package/dist/esm/styles/foundations/index.js.map +1 -0
  181. package/dist/esm/styles/foundations/shadow.js +17 -0
  182. package/dist/esm/styles/foundations/shadow.js.map +1 -0
  183. package/dist/esm/styles/{sizes/base.js → foundations/sizes.js} +3 -3
  184. package/dist/esm/styles/foundations/sizes.js.map +1 -0
  185. package/dist/esm/styles/foundations/text.js +129 -0
  186. package/dist/esm/styles/foundations/text.js.map +1 -0
  187. package/dist/esm/styles/index.js +1 -2
  188. package/dist/esm/styles/index.js.map +1 -1
  189. package/dist/esm/styles/theme_provider.js +13 -9
  190. package/dist/esm/styles/theme_provider.js.map +1 -1
  191. package/dist/esm/styles/utils.js +38 -17
  192. package/dist/esm/styles/utils.js.map +1 -1
  193. package/dist/esnext/Alert/alert.js +45 -21
  194. package/dist/esnext/Alert/alert.js.map +1 -1
  195. package/dist/esnext/Autocomplete/autocomplete.js +142 -115
  196. package/dist/esnext/Autocomplete/autocomplete.js.map +1 -1
  197. package/dist/esnext/Avatar/avatar.js +28 -30
  198. package/dist/esnext/Avatar/avatar.js.map +1 -1
  199. package/dist/esnext/Backdrop/backdrop.js +22 -19
  200. package/dist/esnext/Backdrop/backdrop.js.map +1 -1
  201. package/dist/esnext/Box/box.js +27 -46
  202. package/dist/esnext/Box/box.js.map +1 -1
  203. package/dist/esnext/Button/button.js +36 -48
  204. package/dist/esnext/Button/button.js.map +1 -1
  205. package/dist/esnext/ButtonBase/button_base.js +135 -176
  206. package/dist/esnext/ButtonBase/button_base.js.map +1 -1
  207. package/dist/esnext/Checkbox/checkbox.js +59 -54
  208. package/dist/esnext/Checkbox/checkbox.js.map +1 -1
  209. package/dist/esnext/Chip/chip.js +88 -123
  210. package/dist/esnext/Chip/chip.js.map +1 -1
  211. package/dist/esnext/CircularProgress/circular_progress.js +30 -32
  212. package/dist/esnext/CircularProgress/circular_progress.js.map +1 -1
  213. package/dist/esnext/Collapse/collapse.js +29 -25
  214. package/dist/esnext/Collapse/collapse.js.map +1 -1
  215. package/dist/esnext/Dialog/dialog.js +50 -39
  216. package/dist/esnext/Dialog/dialog.js.map +1 -1
  217. package/dist/esnext/Dialog/dialog_actions.js +13 -8
  218. package/dist/esnext/Dialog/dialog_actions.js.map +1 -1
  219. package/dist/esnext/Dialog/dialog_content.js +14 -24
  220. package/dist/esnext/Dialog/dialog_content.js.map +1 -1
  221. package/dist/esnext/Dialog/dialog_title.js +16 -12
  222. package/dist/esnext/Dialog/dialog_title.js.map +1 -1
  223. package/dist/esnext/Drawer/drawer.js +20 -10
  224. package/dist/esnext/Drawer/drawer.js.map +1 -1
  225. package/dist/esnext/Fab/fab.js +3 -10
  226. package/dist/esnext/Fab/fab.js.map +1 -1
  227. package/dist/esnext/IconButton/icon_button.js +4 -7
  228. package/dist/esnext/IconButton/icon_button.js.map +1 -1
  229. package/dist/esnext/Image/image.js +3 -0
  230. package/dist/esnext/Image/image.js.map +1 -1
  231. package/dist/esnext/LinearProgress/linear_progress.js +16 -11
  232. package/dist/esnext/LinearProgress/linear_progress.js.map +1 -1
  233. package/dist/esnext/Menu/menu.js +5 -9
  234. package/dist/esnext/Menu/menu.js.map +1 -1
  235. package/dist/esnext/MenuList/menu_item.js +45 -31
  236. package/dist/esnext/MenuList/menu_item.js.map +1 -1
  237. package/dist/esnext/MenuList/menu_list.js +4 -8
  238. package/dist/esnext/MenuList/menu_list.js.map +1 -1
  239. package/dist/esnext/MenuList/sub_menu_item.js +11 -6
  240. package/dist/esnext/MenuList/sub_menu_item.js.map +1 -1
  241. package/dist/esnext/Modal/modal.js +20 -14
  242. package/dist/esnext/Modal/modal.js.map +1 -1
  243. package/dist/esnext/Popover/popover.js +23 -10
  244. package/dist/esnext/Popover/popover.js.map +1 -1
  245. package/dist/esnext/Radio/radio.js +66 -57
  246. package/dist/esnext/Radio/radio.js.map +1 -1
  247. package/dist/esnext/Select/select.js +83 -71
  248. package/dist/esnext/Select/select.js.map +1 -1
  249. package/dist/esnext/Skeleton/skeleton.js +8 -9
  250. package/dist/esnext/Skeleton/skeleton.js.map +1 -1
  251. package/dist/esnext/Slider/slider.js +15 -11
  252. package/dist/esnext/Slider/slider.js.map +1 -1
  253. package/dist/esnext/Switch/switch.js +71 -38
  254. package/dist/esnext/Switch/switch.js.map +1 -1
  255. package/dist/esnext/Tabs/tab.js +59 -39
  256. package/dist/esnext/Tabs/tab.js.map +1 -1
  257. package/dist/esnext/Tabs/tabs.js +13 -8
  258. package/dist/esnext/Tabs/tabs.js.map +1 -1
  259. package/dist/esnext/TextField/text_field.js +79 -57
  260. package/dist/esnext/TextField/text_field.js.map +1 -1
  261. package/dist/esnext/TextareaField/textarea_field.js +79 -61
  262. package/dist/esnext/TextareaField/textarea_field.js.map +1 -1
  263. package/dist/esnext/Toast/toast.js +4 -1
  264. package/dist/esnext/Toast/toast.js.map +1 -1
  265. package/dist/esnext/Toast/toast_container.js +13 -8
  266. package/dist/esnext/Toast/toast_container.js.map +1 -1
  267. package/dist/esnext/Tooltip/tooltip.js +55 -17
  268. package/dist/esnext/Tooltip/tooltip.js.map +1 -1
  269. package/dist/esnext/Typography/typography.js +18 -29
  270. package/dist/esnext/Typography/typography.js.map +1 -1
  271. package/dist/esnext/styles/default_theme.js +38 -139
  272. package/dist/esnext/styles/default_theme.js.map +1 -1
  273. package/dist/esnext/styles/foundations/colors.js +64 -0
  274. package/dist/esnext/styles/foundations/colors.js.map +1 -0
  275. package/dist/esnext/styles/foundations/index.js +7 -0
  276. package/dist/esnext/styles/foundations/index.js.map +1 -0
  277. package/dist/esnext/styles/foundations/shadow.js +17 -0
  278. package/dist/esnext/styles/foundations/shadow.js.map +1 -0
  279. package/dist/esnext/styles/{sizes/base.js → foundations/sizes.js} +3 -3
  280. package/dist/esnext/styles/foundations/sizes.js.map +1 -0
  281. package/dist/esnext/styles/foundations/text.js +129 -0
  282. package/dist/esnext/styles/foundations/text.js.map +1 -0
  283. package/dist/esnext/styles/index.js +1 -2
  284. package/dist/esnext/styles/index.js.map +1 -1
  285. package/dist/esnext/styles/theme_provider.js +13 -9
  286. package/dist/esnext/styles/theme_provider.js.map +1 -1
  287. package/dist/esnext/styles/utils.js +46 -25
  288. package/dist/esnext/styles/utils.js.map +1 -1
  289. package/dist/types/Alert/alert.d.ts +9 -4
  290. package/dist/types/Autocomplete/autocomplete.d.ts +2 -2
  291. package/dist/types/Avatar/avatar.d.ts +7 -5
  292. package/dist/types/Backdrop/backdrop.d.ts +6 -3
  293. package/dist/types/Checkbox/checkbox.d.ts +4 -5
  294. package/dist/types/CircularProgress/circular_progress.d.ts +6 -6
  295. package/dist/types/Collapse/collapse.d.ts +9 -3
  296. package/dist/types/Dialog/dialog.d.ts +8 -2
  297. package/dist/types/Dialog/dialog_actions.d.ts +8 -2
  298. package/dist/types/Dialog/dialog_content.d.ts +2 -2
  299. package/dist/types/Dialog/dialog_title.d.ts +8 -2
  300. package/dist/types/Drawer/drawer.d.ts +8 -2
  301. package/dist/types/IconButton/icon_button.d.ts +2 -2
  302. package/dist/types/Image/image.d.ts +8 -3
  303. package/dist/types/LinearProgress/linear_progress.d.ts +8 -2
  304. package/dist/types/Menu/menu.d.ts +5 -5
  305. package/dist/types/Modal/modal.d.ts +9 -4
  306. package/dist/types/Popover/popover.d.ts +3 -0
  307. package/dist/types/Radio/radio.d.ts +7 -5
  308. package/dist/types/Select/select.d.ts +8 -3
  309. package/dist/types/Slider/slider.d.ts +9 -4
  310. package/dist/types/Switch/switch.d.ts +9 -4
  311. package/dist/types/Tabs/tabs.d.ts +8 -2
  312. package/dist/types/TextField/text_field.d.ts +8 -3
  313. package/dist/types/TextareaField/textarea_field.d.ts +9 -4
  314. package/dist/types/Toast/toast.d.ts +8 -2
  315. package/dist/types/Toast/toast_container.d.ts +8 -2
  316. package/dist/types/Tooltip/index.d.ts +1 -1
  317. package/dist/types/Tooltip/tooltip.d.ts +2 -2
  318. package/dist/types/styles/default_theme.d.ts +2 -1
  319. package/dist/types/styles/foundations/colors.d.ts +64 -0
  320. package/dist/types/styles/foundations/index.d.ts +4 -0
  321. package/dist/types/styles/foundations/shadow.d.ts +16 -0
  322. package/dist/types/styles/{sizes/base.d.ts → foundations/sizes.d.ts} +2 -2
  323. package/dist/types/styles/foundations/text.d.ts +128 -0
  324. package/dist/types/styles/index.d.ts +1 -2
  325. package/dist/types/styles/theme_provider.d.ts +7 -0
  326. package/dist/types/styles/types.d.ts +2 -2
  327. package/dist/types/styles/utils.d.ts +2 -28
  328. package/package.json +16 -23
  329. package/dist/cjs/styles/colors/additional.js +0 -8
  330. package/dist/cjs/styles/colors/additional.js.map +0 -1
  331. package/dist/cjs/styles/colors/attention.js +0 -24
  332. package/dist/cjs/styles/colors/attention.js.map +0 -1
  333. package/dist/cjs/styles/colors/grayscale.js +0 -18
  334. package/dist/cjs/styles/colors/grayscale.js.map +0 -1
  335. package/dist/cjs/styles/colors/index.js +0 -23
  336. package/dist/cjs/styles/colors/index.js.map +0 -1
  337. package/dist/cjs/styles/colors/primary.js +0 -24
  338. package/dist/cjs/styles/colors/primary.js.map +0 -1
  339. package/dist/cjs/styles/colors/secondary.js +0 -24
  340. package/dist/cjs/styles/colors/secondary.js.map +0 -1
  341. package/dist/cjs/styles/colors/success.js +0 -24
  342. package/dist/cjs/styles/colors/success.js.map +0 -1
  343. package/dist/cjs/styles/colors/wrong.js +0 -24
  344. package/dist/cjs/styles/colors/wrong.js.map +0 -1
  345. package/dist/cjs/styles/css.js +0 -13
  346. package/dist/cjs/styles/css.js.map +0 -1
  347. package/dist/cjs/styles/sizes/base.js.map +0 -1
  348. package/dist/cjs/styles/sizes/index.js +0 -7
  349. package/dist/cjs/styles/sizes/index.js.map +0 -1
  350. package/dist/esm/styles/colors/additional.js +0 -5
  351. package/dist/esm/styles/colors/additional.js.map +0 -1
  352. package/dist/esm/styles/colors/attention.js +0 -20
  353. package/dist/esm/styles/colors/attention.js.map +0 -1
  354. package/dist/esm/styles/colors/grayscale.js +0 -15
  355. package/dist/esm/styles/colors/grayscale.js.map +0 -1
  356. package/dist/esm/styles/colors/index.js +0 -8
  357. package/dist/esm/styles/colors/index.js.map +0 -1
  358. package/dist/esm/styles/colors/primary.js +0 -20
  359. package/dist/esm/styles/colors/primary.js.map +0 -1
  360. package/dist/esm/styles/colors/secondary.js +0 -20
  361. package/dist/esm/styles/colors/secondary.js.map +0 -1
  362. package/dist/esm/styles/colors/success.js +0 -20
  363. package/dist/esm/styles/colors/success.js.map +0 -1
  364. package/dist/esm/styles/colors/wrong.js +0 -20
  365. package/dist/esm/styles/colors/wrong.js.map +0 -1
  366. package/dist/esm/styles/css.js +0 -7
  367. package/dist/esm/styles/css.js.map +0 -1
  368. package/dist/esm/styles/sizes/base.js.map +0 -1
  369. package/dist/esm/styles/sizes/index.js +0 -2
  370. package/dist/esm/styles/sizes/index.js.map +0 -1
  371. package/dist/esnext/styles/colors/additional.js +0 -5
  372. package/dist/esnext/styles/colors/additional.js.map +0 -1
  373. package/dist/esnext/styles/colors/attention.js +0 -19
  374. package/dist/esnext/styles/colors/attention.js.map +0 -1
  375. package/dist/esnext/styles/colors/grayscale.js +0 -15
  376. package/dist/esnext/styles/colors/grayscale.js.map +0 -1
  377. package/dist/esnext/styles/colors/index.js +0 -8
  378. package/dist/esnext/styles/colors/index.js.map +0 -1
  379. package/dist/esnext/styles/colors/primary.js +0 -19
  380. package/dist/esnext/styles/colors/primary.js.map +0 -1
  381. package/dist/esnext/styles/colors/secondary.js +0 -19
  382. package/dist/esnext/styles/colors/secondary.js.map +0 -1
  383. package/dist/esnext/styles/colors/success.js +0 -19
  384. package/dist/esnext/styles/colors/success.js.map +0 -1
  385. package/dist/esnext/styles/colors/wrong.js +0 -19
  386. package/dist/esnext/styles/colors/wrong.js.map +0 -1
  387. package/dist/esnext/styles/css.js +0 -6
  388. package/dist/esnext/styles/css.js.map +0 -1
  389. package/dist/esnext/styles/sizes/base.js.map +0 -1
  390. package/dist/esnext/styles/sizes/index.js +0 -2
  391. package/dist/esnext/styles/sizes/index.js.map +0 -1
  392. package/dist/types/styles/colors/additional.d.ts +0 -4
  393. package/dist/types/styles/colors/attention.d.ts +0 -26
  394. package/dist/types/styles/colors/grayscale.d.ts +0 -14
  395. package/dist/types/styles/colors/index.d.ts +0 -7
  396. package/dist/types/styles/colors/primary.d.ts +0 -26
  397. package/dist/types/styles/colors/secondary.d.ts +0 -26
  398. package/dist/types/styles/colors/success.d.ts +0 -26
  399. package/dist/types/styles/colors/wrong.d.ts +0 -26
  400. package/dist/types/styles/css.d.ts +0 -10
  401. package/dist/types/styles/sizes/index.d.ts +0 -1
@@ -44,39 +44,33 @@ var __rest = (this && this.__rest) || function (s, e) {
44
44
  }
45
45
  return t;
46
46
  };
47
+ var __importDefault = (this && this.__importDefault) || function (mod) {
48
+ return (mod && mod.__esModule) ? mod : { "default": mod };
49
+ };
47
50
  Object.defineProperty(exports, "__esModule", { value: true });
48
51
  exports.Avatar = void 0;
49
52
  var React = __importStar(require("react"));
50
- var styles_1 = require("../styles");
53
+ var styled_1 = __importDefault(require("@emotion/styled"));
51
54
  var Typography_1 = require("../Typography");
52
55
  var Box_1 = require("../Box");
53
56
  var hooks_1 = require("../hooks");
54
- var stylesBase = function () { return (0, styles_1.css)({
55
- label: 'Avatar',
56
- userSelect: 'none',
57
- borderRadius: '50%',
58
- display: 'flex',
59
- alignItems: 'center',
60
- justifyContent: 'center',
61
- position: 'relative',
62
- }); };
63
- var stylesSizeSmall = function () { return (0, styles_1.css)({
64
- label: 'small',
57
+ /**
58
+ *
59
+ */
60
+ /**
61
+ * Styles.
62
+ */
63
+ var AvatarRoot = (0, styled_1.default)(Box_1.Box)(function (props) { return (__assign(__assign(__assign({ userSelect: 'none', borderRadius: '50%', display: 'flex', alignItems: 'center', justifyContent: 'center', position: 'relative' }, (props.size === 'small' && {
65
64
  height: 'var(--pv-size-base-6)',
66
65
  width: 'var(--pv-size-base-6)',
67
- }); };
68
- var stylesSizeMedium = function () { return (0, styles_1.css)({
69
- label: 'medium',
66
+ })), (props.size === 'medium' && {
70
67
  height: 'var(--pv-size-base-7)',
71
68
  width: 'var(--pv-size-base-7)',
72
- }); };
73
- var stylesSizeLarge = function () { return (0, styles_1.css)({
74
- label: 'large',
69
+ })), (props.size === 'large' && {
75
70
  height: 'var(--pv-size-base-8)',
76
71
  width: 'var(--pv-size-base-8)',
77
- }); };
78
- var stylesImg = function () { return (0, styles_1.css)({
79
- label: 'img',
72
+ }))); });
73
+ var AvatarImage = (0, styled_1.default)('img')({
80
74
  color: 'transparent',
81
75
  width: '100%',
82
76
  height: '100%',
@@ -84,7 +78,10 @@ var stylesImg = function () { return (0, styles_1.css)({
84
78
  textAlign: 'center',
85
79
  textIndent: 10000,
86
80
  borderRadius: '50%',
87
- }); };
81
+ });
82
+ /**
83
+ *
84
+ */
88
85
  function initials(name) {
89
86
  var _a = name.split(' '), firstName = _a[0], lastName = _a[1];
90
87
  return firstName && lastName
@@ -92,14 +89,13 @@ function initials(name) {
92
89
  : firstName.charAt(0);
93
90
  }
94
91
  exports.Avatar = React.forwardRef(function (props, ref) {
95
- var _a;
96
- var childrenProp = props.children, className = props.className, size = props.size, src = props.src, name = props.name, _b = props.getInitials, getInitials = _b === void 0 ? initials : _b, background = props.background, color = props.color, typographyProps = props.typographyProps, other = __rest(props, ["children", "className", "size", "src", "name", "getInitials", "background", "color", "typographyProps"]);
92
+ var childrenProp = props.children, src = props.src, name = props.name, _a = props.getInitials, getInitials = _a === void 0 ? initials : _a, background = props.background, color = props.color, typographyProps = props.typographyProps, other = __rest(props, ["children", "src", "name", "getInitials", "background", "color", "typographyProps"]);
97
93
  var image = (0, hooks_1.useImage)(src).image;
98
94
  var showImage = image === null || image === void 0 ? void 0 : image.src;
99
95
  var showInitials = name && getInitials;
100
96
  var children = null;
101
97
  if (showImage) {
102
- children = (React.createElement("img", { src: src, alt: name, className: stylesImg(), draggable: "false" }));
98
+ children = (React.createElement(AvatarImage, { src: src, alt: name, draggable: "false" }));
103
99
  }
104
100
  else if (showInitials) {
105
101
  children = (React.createElement(Typography_1.Typography, __assign({}, typographyProps, { color: color, "aria-label": name, role: "img" }), getInitials(name)));
@@ -108,13 +104,7 @@ exports.Avatar = React.forwardRef(function (props, ref) {
108
104
  children = (React.createElement("svg", { fill: "none", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 10 13", width: 10, role: "img" },
109
105
  React.createElement("path", { d: "M2.998 3.174c0 1.594 1 2.674 2 2.674s2-1.08 2-2.674c0-1.595-1-2.674-2-2.674s-2 1.08-2 2.674zM5 8.858c-1.249 0-2.383-.448-3.308-1.146C.95 8.064.5 8.878.5 9.812v2.12h9V9.81c0-.918-.46-1.746-1.193-2.098C7.383 8.41 6.25 8.858 5 8.858z", fill: "#fff", stroke: "#fff" })));
110
106
  }
111
- return (React.createElement(Box_1.Box, __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
112
- _a[stylesBase()] = true,
113
- _a[stylesSizeSmall()] = size === 'small',
114
- _a[stylesSizeMedium()] = size === 'medium',
115
- _a[stylesSizeLarge()] = size === 'large',
116
- _a[className] = !!className,
117
- _a)), background: background }),
107
+ return (React.createElement(AvatarRoot, __assign({ ref: ref, background: background }, other),
118
108
  children,
119
109
  childrenProp));
120
110
  });
@@ -1 +1 @@
1
- {"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"avatar.js","sourceRoot":"","sources":["../../../src/Avatar/avatar.tsx"],"names":[],"mappings":"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"}
@@ -44,40 +44,36 @@ var __rest = (this && this.__rest) || function (s, e) {
44
44
  }
45
45
  return t;
46
46
  };
47
+ var __importDefault = (this && this.__importDefault) || function (mod) {
48
+ return (mod && mod.__esModule) ? mod : { "default": mod };
49
+ };
47
50
  Object.defineProperty(exports, "__esModule", { value: true });
48
51
  exports.Backdrop = void 0;
49
52
  var React = __importStar(require("react"));
53
+ var styled_1 = __importDefault(require("@emotion/styled"));
50
54
  var Fade_1 = require("../Fade");
51
55
  var Box_1 = require("../Box");
52
- var styles_1 = require("../styles");
56
+ /**
57
+ *
58
+ */
59
+ /**
60
+ * Styles.
61
+ */
62
+ var BackdropRoot = (0, styled_1.default)(Box_1.Box)(function (props) { return (__assign({ zIndex: -1, position: 'fixed', right: 0, bottom: 0, top: 0, left: 0, WebkitTapHighlightColor: 'transparent' }, (props.invisible && {
63
+ backgroundColor: 'transparent',
64
+ }))); });
65
+ /**
66
+ *
67
+ */
53
68
  var variants = {
54
69
  light: 0.1,
55
70
  medium: 0.5,
56
71
  heavy: 0.9,
57
72
  };
58
- var stylesBase = function () { return (0, styles_1.css)({
59
- label: 'Backdrop',
60
- zIndex: -1,
61
- position: 'fixed',
62
- right: 0,
63
- bottom: 0,
64
- top: 0,
65
- left: 0,
66
- WebkitTapHighlightColor: 'transparent',
67
- }); };
68
- var stylesInvisible = function () { return (0, styles_1.css)({
69
- label: 'invisible',
70
- backgroundColor: 'transparent',
71
- }); };
72
73
  exports.Backdrop = React.forwardRef(function (props, ref) {
73
- var _a;
74
- var className = props.className, invisible = props.invisible, open = props.open, transitionDuration = props.transitionDuration, variant = props.variant, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, other = __rest(props, ["className", "invisible", "open", "transitionDuration", "variant", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting"]);
74
+ var open = props.open, transitionDuration = props.transitionDuration, variant = props.variant, invisible = props.invisible, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, other = __rest(props, ["open", "transitionDuration", "variant", "invisible", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting"]);
75
75
  return (React.createElement(Fade_1.Fade, { in: open, timeout: transitionDuration, onEnter: onEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting, finalOpacity: variants[variant] },
76
- React.createElement(Box_1.Box, __assign({}, other, { ref: ref, background: "black", className: (0, styles_1.cx)((_a = {},
77
- _a[stylesBase()] = true,
78
- _a[stylesInvisible()] = invisible,
79
- _a[className] = !!className,
80
- _a)), "aria-hidden": "true" }))));
76
+ React.createElement(BackdropRoot, __assign({ ref: ref, background: "black", "aria-hidden": "true", invisible: invisible }, other))));
81
77
  });
82
78
  exports.Backdrop.displayName = 'Backdrop';
83
79
  exports.Backdrop.defaultProps = {
@@ -1 +1 @@
1
- {"version":3,"file":"backdrop.js","sourceRoot":"","sources":["../../../src/Backdrop/backdrop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,gCAAoD;AACpD,8BAA6B;AAC7B,oCAAoC;AAwBpC,IAAM,QAAQ,GAAG;IACf,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACX,CAAC;AAEF,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,UAAU;IACjB,MAAM,EAAE,CAAC,CAAC;IACV,QAAQ,EAAE,OAAO;IACjB,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,GAAG,EAAE,CAAC;IACN,IAAI,EAAE,CAAC;IACP,uBAAuB,EAAE,aAAa;CACvC,CAAC,EATuB,CASvB,CAAC;AAEH,IAAM,eAAe,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAChC,KAAK,EAAE,WAAW;IAClB,eAAe,EAAE,aAAa;CAC/B,CAAC,EAH4B,CAG5B,CAAC;AAEU,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,UAAC,KAAK,EAAE,GAAG;;IAE/E,IAAA,SAAS,GAYP,KAAK,UAZE,EACT,SAAS,GAWP,KAAK,UAXE,EACT,IAAI,GAUF,KAAK,KAVH,EACJ,kBAAkB,GAShB,KAAK,mBATW,EAClB,OAAO,GAQL,KAAK,QARA,EACP,OAAO,GAOL,KAAK,QAPA,EACP,SAAS,GAMP,KAAK,UANE,EACT,UAAU,GAKR,KAAK,WALG,EACV,MAAM,GAIJ,KAAK,OAJD,EACN,QAAQ,GAGN,KAAK,SAHC,EACR,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAbH,4IAaL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,WAAI,IACH,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,QAAQ,CAAC,OAAO,CAAC;QAE/B,oBAAC,SAAG,eACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,OAAO,EAClB,SAAS,EAAE,IAAA,WAAE;gBACX,GAAC,UAAU,EAAE,IAAG,IAAI;gBACpB,GAAC,eAAe,EAAE,IAAG,SAAS;gBAC9B,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;oBACxB,iBACU,MAAM,IAClB,CACG,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,gBAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,KAAK;IAChB,kBAAkB,EAAE,GAAG;CACxB,CAAC"}
1
+ {"version":3,"file":"backdrop.js","sourceRoot":"","sources":["../../../src/Backdrop/backdrop.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AACrC,gCAAoD;AACpD,8BAA6B;AA4B7B;;GAEG;AAEH;;GAEG;AACH,IAAM,YAAY,GAAG,IAAA,gBAAM,EAAC,SAAG,CAAC,CAAgD,UAAC,KAAK,IAAK,OAAA,YACzF,MAAM,EAAE,CAAC,CAAC,EACV,QAAQ,EAAE,OAAO,EACjB,KAAK,EAAE,CAAC,EACR,MAAM,EAAE,CAAC,EACT,GAAG,EAAE,CAAC,EACN,IAAI,EAAE,CAAC,EACP,uBAAuB,EAAE,aAAa,IACnC,CAAC,KAAK,CAAC,SAAS,IAAI;IACrB,eAAe,EAAE,aAAa;CAC/B,CAAC,EACF,EAXyF,CAWzF,CAAC,CAAC;AACJ;;GAEG;AAEH,IAAM,QAAQ,GAAG;IACf,KAAK,EAAE,GAAG;IACV,MAAM,EAAE,GAAG;IACX,KAAK,EAAE,GAAG;CACX,CAAC;AAEW,QAAA,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAgC,UAAC,KAAK,EAAE,GAAG;IAE/E,IAAA,IAAI,GAWF,KAAK,KAXH,EACJ,kBAAkB,GAUhB,KAAK,mBAVW,EAClB,OAAO,GASL,KAAK,QATA,EACP,SAAS,GAQP,KAAK,UARE,EACT,OAAO,GAOL,KAAK,QAPA,EACP,SAAS,GAMP,KAAK,UANE,EACT,UAAU,GAKR,KAAK,WALG,EACV,MAAM,GAIJ,KAAK,OAJD,EACN,QAAQ,GAGN,KAAK,SAHC,EACR,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAZH,+HAYL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,WAAI,IACH,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB,EAC3B,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,QAAQ,CAAC,OAAO,CAAC;QAE/B,oBAAC,YAAY,aACX,GAAG,EAAE,GAAG,EACR,UAAU,EAAC,OAAO,iBACN,MAAM,EAClB,SAAS,EAAE,SAAS,IAChB,KAAK,EACT,CACG,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,gBAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,gBAAQ,CAAC,YAAY,GAAG;IACtB,OAAO,EAAE,QAAQ;IACjB,SAAS,EAAE,KAAK;IAChB,kBAAkB,EAAE,GAAG;CACxB,CAAC"}
@@ -44,68 +44,51 @@ var __rest = (this && this.__rest) || function (s, e) {
44
44
  }
45
45
  return t;
46
46
  };
47
+ var __importDefault = (this && this.__importDefault) || function (mod) {
48
+ return (mod && mod.__esModule) ? mod : { "default": mod };
49
+ };
47
50
  Object.defineProperty(exports, "__esModule", { value: true });
48
51
  exports.Box = void 0;
49
52
  var React = __importStar(require("react"));
50
- var styles_1 = require("../styles");
53
+ var styled_1 = __importDefault(require("@emotion/styled"));
51
54
  /**
52
55
  *
53
56
  */
54
57
  /**
55
58
  * Styles.
56
59
  */
57
- var stylesBase = function () { return (0, styles_1.css)({
58
- label: 'Box',
59
- }); };
60
- var stylesBackground = function (color) { return (0, styles_1.css)({
61
- label: color,
62
- background: "var(--pv-color-".concat(color, ")"),
63
- }); };
64
- var stylesBorderColor = function (color) { return (0, styles_1.css)({
65
- label: color,
66
- borderColor: "var(--pv-color-".concat(color, ")"),
67
- }); };
60
+ var BoxRoot = (0, styled_1.default)('div')(function (props) { return ({
61
+ background: props.background && "var(--pv-color-".concat(props.background, ")"),
62
+ borderColor: props.borderColor && "var(--pv-color-".concat(props.borderColor, ")"),
63
+ borderStyle: props.borderStyle,
64
+ borderRadius: props.borderRadius,
65
+ }); }, function (props) {
66
+ var borderWidth = props.borderWidth, borderPosition = props.borderPosition;
67
+ if (typeof borderWidth !== 'number') {
68
+ return {};
69
+ }
70
+ if (borderPosition) {
71
+ return {
72
+ borderWidth: [
73
+ ['horizontal', 'top'].includes(borderPosition) ? borderWidth : 0,
74
+ ['vertical', 'right'].includes(borderPosition) ? borderWidth : 0,
75
+ ['horizontal', 'bottom'].includes(borderPosition) ? borderWidth : 0,
76
+ ['vertical', 'left'].includes(borderPosition) ? borderWidth : 0,
77
+ '',
78
+ ].join('px '),
79
+ };
80
+ }
81
+ return {
82
+ borderWidth: borderWidth,
83
+ };
84
+ });
68
85
  /**
69
86
  *
70
87
  */
71
88
  exports.Box = React.forwardRef(function (props, ref) {
72
- var _a;
73
- var className = props.className, background = props.background, borderColor = props.borderColor, borderWidth = props.borderWidth, borderStyle = props.borderStyle, borderPosition = props.borderPosition, borderRadius = props.borderRadius, component = props.component, other = __rest(props, ["className", "background", "borderColor", "borderWidth", "borderStyle", "borderPosition", "borderRadius", "component"]);
74
- var getBorderWidth = function () {
75
- if (typeof borderWidth !== 'number') {
76
- return undefined;
77
- }
78
- if (borderPosition === 'horizontal') {
79
- return [borderWidth, 0, borderWidth, 0].join('px ');
80
- }
81
- if (borderPosition === 'vertical') {
82
- return [0, borderWidth, 0, borderWidth, ''].join('px ');
83
- }
84
- if (borderPosition === 'top') {
85
- return [borderWidth, 0, 0, 0].join('px ');
86
- }
87
- if (borderPosition === 'right') {
88
- return [0, borderWidth, 0, 0].join('px ');
89
- }
90
- if (borderPosition === 'bottom') {
91
- return [0, 0, borderWidth, 0].join('px ');
92
- }
93
- if (borderPosition === 'left') {
94
- return [0, 0, 0, borderWidth, ''].join('px ');
95
- }
96
- return borderWidth;
97
- };
89
+ var component = props.component, other = __rest(props, ["component"]);
98
90
  var Component = component || 'div';
99
- return (React.createElement(Component, __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
100
- _a[stylesBase()] = true,
101
- _a[stylesBackground(background)] = !!background,
102
- _a[stylesBorderColor(borderColor)] = !!borderColor,
103
- _a[className] = !!className,
104
- _a), (0, styles_1.css)({
105
- borderWidth: getBorderWidth(),
106
- borderStyle: borderStyle,
107
- borderRadius: borderRadius,
108
- })) })));
91
+ return (React.createElement(BoxRoot, __assign({ as: Component, ref: ref }, other)));
109
92
  });
110
93
  exports.Box.displayName = 'Box';
111
94
  //# sourceMappingURL=box.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/Box/box.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"box.js","sourceRoot":"","sources":["../../../src/Box/box.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AA8BrC;;GAEG;AAEH;;GAEG;AACH,IAAM,OAAO,GAAG,IAAA,gBAAM,EAAC,KAAK,CAAC,CAC3B,UAAC,KAAK,IAAK,OAAA,CAAC;IACV,UAAU,EAAE,KAAK,CAAC,UAAU,IAAI,yBAAkB,KAAK,CAAC,UAAU,MAAG;IACrE,WAAW,EAAE,KAAK,CAAC,WAAW,IAAI,yBAAkB,KAAK,CAAC,WAAW,MAAG;IACxE,WAAW,EAAE,KAAK,CAAC,WAAW;IAC9B,YAAY,EAAE,KAAK,CAAC,YAAY;CACjC,CAAC,EALS,CAKT,EACF,UAAC,KAAK;IACI,IAAA,WAAW,GAAqB,KAAK,YAA1B,EAAE,cAAc,GAAK,KAAK,eAAV,CAAW;IAE9C,IAAI,OAAO,WAAW,KAAK,QAAQ,EAAE;QACnC,OAAO,EAAE,CAAC;KACX;IAED,IAAI,cAAc,EAAE;QAClB,OAAO;YACL,WAAW,EAAE;gBACX,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAChE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAChE,CAAC,YAAY,EAAE,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBACnE,CAAC,UAAU,EAAE,MAAM,CAAC,CAAC,QAAQ,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;gBAC/D,EAAE;aACH,CAAC,IAAI,CAAC,KAAK,CAAC;SACd,CAAC;KACH;IAED,OAAO;QACL,WAAW,aAAA;KACZ,CAAC;AACJ,CAAC,CACF,CAAC;AACF;;GAEG;AAEU,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,UAAC,KAAK,EAAE,GAAG;IAE1D,IAAA,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAHH,aAGL,CADS,CACA;IAEV,IAAM,SAAS,GAAG,SAAS,IAAI,KAAK,CAAC;IAErC,OAAO,CACL,oBAAC,OAAO,aACN,EAAE,EAAE,SAAS,EACb,GAAG,EAAE,GAAG,IACJ,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CAAqC,CAAC;AAEvC,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC"}
@@ -44,10 +44,13 @@ var __rest = (this && this.__rest) || function (s, e) {
44
44
  }
45
45
  return t;
46
46
  };
47
+ var __importDefault = (this && this.__importDefault) || function (mod) {
48
+ return (mod && mod.__esModule) ? mod : { "default": mod };
49
+ };
47
50
  Object.defineProperty(exports, "__esModule", { value: true });
48
51
  exports.Button = void 0;
49
52
  var React = __importStar(require("react"));
50
- var styles_1 = require("../styles");
53
+ var styled_1 = __importDefault(require("@emotion/styled"));
51
54
  var ButtonBase_1 = require("../ButtonBase");
52
55
  /**
53
56
  *
@@ -55,50 +58,35 @@ var ButtonBase_1 = require("../ButtonBase");
55
58
  /**
56
59
  * Styles.
57
60
  */
58
- var stylesBase = function () { return (0, styles_1.css)({
59
- label: 'Button',
60
- borderRadius: '4px',
61
- }); };
62
- var stylesSizeSmall = function (props) { return (0, styles_1.css)(__assign(__assign({ label: 'small', height: 'var(--pv-size-base-6)', minWidth: 'var(--pv-size-base-6)' }, (props.circled && {
61
+ var ButtonRoot = (0, styled_1.default)(ButtonBase_1.ButtonBase)(function (props) { return (__assign(__assign(__assign({ borderRadius: '4px' }, (props.size === 'small' && __assign(__assign({ height: 'var(--pv-size-base-6)', minWidth: 'var(--pv-size-base-6)' }, (props.circled && {
63
62
  borderRadius: 'var(--pv-size-base-6)',
64
63
  })), (!props.withoutPadding && {
65
64
  padding: '0 var(--pv-size-base-2)',
66
- }))); };
67
- var stylesSizeMedium = function (props) { return (0, styles_1.css)(__assign(__assign({ label: 'medium', height: 'var(--pv-size-base-7)', minWidth: 'var(--pv-size-base-7)' }, (props.circled && {
65
+ })))), (props.size === 'medium' && __assign(__assign({ height: 'var(--pv-size-base-7)', minWidth: 'var(--pv-size-base-7)' }, (props.circled && {
68
66
  borderRadius: 'var(--pv-size-base-7)',
69
67
  })), (!props.withoutPadding && {
70
68
  padding: '0 var(--pv-size-base-3)',
71
- }))); };
72
- var stylesSizeLarge = function (props) { return (0, styles_1.css)(__assign(__assign({ label: 'large', height: 'var(--pv-size-base-8)', minWidth: 'var(--pv-size-base-8)' }, (props.circled && {
69
+ })))), (props.size === 'large' && __assign(__assign({ height: 'var(--pv-size-base-8)', minWidth: 'var(--pv-size-base-8)' }, (props.circled && {
73
70
  borderRadius: 'var(--pv-size-base-8)',
74
71
  })), (!props.withoutPadding && {
75
72
  padding: '0 var(--pv-size-base-4)',
76
- }))); };
77
- var stylesStartIcon = function () { return (0, styles_1.css)({
78
- label: 'Button-startIcon',
73
+ }))))); });
74
+ var ButtonStartIcon = (0, styled_1.default)('span')({
79
75
  marginRight: 'var(--pv-size-base)',
80
76
  display: 'inherit',
81
- }); };
82
- var stylesEndIcon = function () { return (0, styles_1.css)({
83
- label: 'Button-endIcon',
77
+ });
78
+ var ButtonEndIcon = (0, styled_1.default)('span')({
84
79
  marginLeft: 'var(--pv-size-base)',
85
80
  display: 'inherit',
86
- }); };
81
+ });
87
82
  /**
88
83
  *
89
84
  */
90
85
  exports.Button = React.forwardRef(function (props, ref) {
91
- var _a;
92
- var children = props.children, className = props.className, size = props.size, circled = props.circled, startIconProp = props.startIcon, endIconProp = props.endIcon, withoutPadding = props.withoutPadding, other = __rest(props, ["children", "className", "size", "circled", "startIcon", "endIcon", "withoutPadding"]);
93
- var startIcon = startIconProp && (React.createElement("span", { className: (0, styles_1.cx)(stylesStartIcon()) }, startIconProp));
94
- var endIcon = endIconProp && (React.createElement("span", { className: (0, styles_1.cx)(stylesEndIcon()) }, endIconProp));
95
- return (React.createElement(ButtonBase_1.ButtonBase, __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
96
- _a[stylesBase()] = true,
97
- _a[stylesSizeSmall(props)] = size === 'small',
98
- _a[stylesSizeMedium(props)] = size === 'medium',
99
- _a[stylesSizeLarge(props)] = size === 'large',
100
- _a[className] = !!className,
101
- _a)), size: size }),
86
+ var children = props.children, startIconProp = props.startIcon, endIconProp = props.endIcon, other = __rest(props, ["children", "startIcon", "endIcon"]);
87
+ var startIcon = startIconProp && (React.createElement(ButtonStartIcon, null, startIconProp));
88
+ var endIcon = endIconProp && (React.createElement(ButtonEndIcon, null, endIconProp));
89
+ return (React.createElement(ButtonRoot, __assign({ ref: ref }, other),
102
90
  startIcon,
103
91
  children,
104
92
  endIcon));
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/Button/button.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/Button/button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,2DAAqC;AAErC,4CAA+D;AA+B/D;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,IAAA,gBAAM,EAAC,uBAAU,CAAC,CAAiB,UAAC,KAAK,IAAK,OAAA,8BAC/D,YAAY,EAAE,KAAK,IAChB,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,wBACxB,MAAM,EAAE,uBAAuB,EAC/B,QAAQ,EAAE,uBAAuB,IAC9B,CAAC,KAAK,CAAC,OAAO,IAAI;IACnB,YAAY,EAAE,uBAAuB;CACtC,CAAC,GACC,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI;IAC3B,OAAO,EAAE,yBAAyB;CACnC,CAAC,CACH,CAAC,GACC,CAAC,KAAK,CAAC,IAAI,KAAK,QAAQ,wBACzB,MAAM,EAAE,uBAAuB,EAC/B,QAAQ,EAAE,uBAAuB,IAC9B,CAAC,KAAK,CAAC,OAAO,IAAI;IACnB,YAAY,EAAE,uBAAuB;CACtC,CAAC,GACC,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI;IAC3B,OAAO,EAAE,yBAAyB;CACnC,CAAC,CACH,CAAC,GACC,CAAC,KAAK,CAAC,IAAI,KAAK,OAAO,wBACxB,MAAM,EAAE,uBAAuB,EAC/B,QAAQ,EAAE,uBAAuB,IAC9B,CAAC,KAAK,CAAC,OAAO,IAAI;IACnB,YAAY,EAAE,uBAAuB;CACtC,CAAC,GACC,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI;IAC3B,OAAO,EAAE,yBAAyB;CACnC,CAAC,CACH,CAAC,EACF,EAhC+D,CAgC/D,CAAC,CAAC;AAEJ,IAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,MAAM,CAAC,CAAC;IACrC,WAAW,EAAE,qBAAqB;IAClC,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AAEH,IAAM,aAAa,GAAG,IAAA,gBAAM,EAAC,MAAM,CAAC,CAAC;IACnC,UAAU,EAAE,qBAAqB;IACjC,OAAO,EAAE,SAAS;CACnB,CAAC,CAAC;AACH;;GAEG;AAEU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAAmB,UAAC,KAAK,EAAE,GAAG;IAEhE,IAAA,QAAQ,GAIN,KAAK,SAJC,EACG,aAAa,GAGtB,KAAK,UAHiB,EACf,WAAW,GAElB,KAAK,QAFa,EACjB,KAAK,UACN,KAAK,EALH,oCAKL,CADS,CACA;IAEV,IAAM,SAAS,GAAG,aAAa,IAAI,CACjC,oBAAC,eAAe,QACb,aAAa,CACE,CACnB,CAAC;IAEF,IAAM,OAAO,GAAG,WAAW,IAAI,CAC7B,oBAAC,aAAa,QACX,WAAW,CACE,CACjB,CAAC;IAEF,OAAO,CACL,oBAAC,UAAU,aACT,GAAG,EAAE,GAAG,IACJ,KAAK;QAER,SAAS;QACT,QAAQ;QACR,OAAO,CACG,CACd,CAAC;AACJ,CAAC,CAAwC,CAAC;AAE1C,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,cAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,MAAM;IACf,KAAK,EAAE,SAAS;IAChB,IAAI,EAAE,QAAQ;CACf,CAAC"}