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

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 (407) hide show
  1. package/dist/cjs/Alert/alert.js +25 -21
  2. package/dist/cjs/Alert/alert.js.map +1 -1
  3. package/dist/cjs/Autocomplete/autocomplete.js +74 -97
  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 +110 -178
  14. package/dist/cjs/ButtonBase/button_base.js.map +1 -1
  15. package/dist/cjs/Checkbox/checkbox.js +14 -28
  16. package/dist/cjs/Checkbox/checkbox.js.map +1 -1
  17. package/dist/cjs/Chip/chip.js +78 -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 +28 -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 +17 -14
  30. package/dist/cjs/Dialog/dialog_title.js.map +1 -1
  31. package/dist/cjs/Drawer/drawer.js +18 -10
  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 +15 -18
  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 +4 -5
  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 +14 -13
  52. package/dist/cjs/Popover/popover.js.map +1 -1
  53. package/dist/cjs/Radio/radio.js +17 -28
  54. package/dist/cjs/Radio/radio.js.map +1 -1
  55. package/dist/cjs/Select/select.js +36 -81
  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 +26 -17
  62. package/dist/cjs/Switch/switch.js.map +1 -1
  63. package/dist/cjs/Tabs/tab.js +9 -11
  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 +32 -57
  68. package/dist/cjs/TextField/text_field.js.map +1 -1
  69. package/dist/cjs/TextareaField/textarea_field.js +30 -64
  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 +19 -23
  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/hooks/use_image.js +8 -0
  80. package/dist/cjs/hooks/use_image.js.map +1 -1
  81. package/dist/cjs/styles/default_theme.js +13 -141
  82. package/dist/cjs/styles/default_theme.js.map +1 -1
  83. package/dist/cjs/styles/foundations/colors.js +69 -0
  84. package/dist/cjs/styles/foundations/colors.js.map +1 -0
  85. package/dist/cjs/styles/foundations/index.js +34 -0
  86. package/dist/cjs/styles/foundations/index.js.map +1 -0
  87. package/dist/cjs/styles/foundations/shadow.js +11 -0
  88. package/dist/cjs/styles/foundations/shadow.js.map +1 -0
  89. package/dist/cjs/styles/{sizes/base.js → foundations/sizes.js} +5 -5
  90. package/dist/cjs/styles/foundations/sizes.js.map +1 -0
  91. package/dist/cjs/styles/foundations/text.js +132 -0
  92. package/dist/cjs/styles/foundations/text.js.map +1 -0
  93. package/dist/cjs/styles/index.js +3 -7
  94. package/dist/cjs/styles/index.js.map +1 -1
  95. package/dist/cjs/styles/theme_provider.js +12 -8
  96. package/dist/cjs/styles/theme_provider.js.map +1 -1
  97. package/dist/cjs/styles/utils.js +40 -19
  98. package/dist/cjs/styles/utils.js.map +1 -1
  99. package/dist/esm/Alert/alert.js +22 -21
  100. package/dist/esm/Alert/alert.js.map +1 -1
  101. package/dist/esm/Autocomplete/autocomplete.js +74 -97
  102. package/dist/esm/Autocomplete/autocomplete.js.map +1 -1
  103. package/dist/esm/Avatar/avatar.js +19 -32
  104. package/dist/esm/Avatar/avatar.js.map +1 -1
  105. package/dist/esm/Backdrop/backdrop.js +15 -22
  106. package/dist/esm/Backdrop/backdrop.js.map +1 -1
  107. package/dist/esm/Box/box.js +28 -48
  108. package/dist/esm/Box/box.js.map +1 -1
  109. package/dist/esm/Button/button.js +13 -28
  110. package/dist/esm/Button/button.js.map +1 -1
  111. package/dist/esm/ButtonBase/button_base.js +107 -178
  112. package/dist/esm/ButtonBase/button_base.js.map +1 -1
  113. package/dist/esm/Checkbox/checkbox.js +11 -28
  114. package/dist/esm/Checkbox/checkbox.js.map +1 -1
  115. package/dist/esm/Chip/chip.js +75 -111
  116. package/dist/esm/Chip/chip.js.map +1 -1
  117. package/dist/esm/CircularProgress/circular_progress.js +22 -26
  118. package/dist/esm/CircularProgress/circular_progress.js.map +1 -1
  119. package/dist/esm/Collapse/collapse.js +20 -19
  120. package/dist/esm/Collapse/collapse.js.map +1 -1
  121. package/dist/esm/Dialog/dialog.js +28 -33
  122. package/dist/esm/Dialog/dialog.js.map +1 -1
  123. package/dist/esm/Dialog/dialog_actions.js +14 -10
  124. package/dist/esm/Dialog/dialog_actions.js.map +1 -1
  125. package/dist/esm/Dialog/dialog_content.js +18 -29
  126. package/dist/esm/Dialog/dialog_content.js.map +1 -1
  127. package/dist/esm/Dialog/dialog_title.js +17 -14
  128. package/dist/esm/Dialog/dialog_title.js.map +1 -1
  129. package/dist/esm/Drawer/drawer.js +15 -10
  130. package/dist/esm/Drawer/drawer.js.map +1 -1
  131. package/dist/esm/Fab/fab.js +4 -23
  132. package/dist/esm/Fab/fab.js.map +1 -1
  133. package/dist/esm/IconButton/icon_button.js +5 -9
  134. package/dist/esm/IconButton/icon_button.js.map +1 -1
  135. package/dist/esm/Image/image.js +3 -0
  136. package/dist/esm/Image/image.js.map +1 -1
  137. package/dist/esm/LinearProgress/linear_progress.js +18 -14
  138. package/dist/esm/LinearProgress/linear_progress.js.map +1 -1
  139. package/dist/esm/Menu/menu.js +7 -12
  140. package/dist/esm/Menu/menu.js.map +1 -1
  141. package/dist/esm/MenuList/menu_item.js +15 -18
  142. package/dist/esm/MenuList/menu_item.js.map +1 -1
  143. package/dist/esm/MenuList/menu_list.js +5 -10
  144. package/dist/esm/MenuList/menu_list.js.map +1 -1
  145. package/dist/esm/MenuList/sub_menu_item.js +4 -5
  146. package/dist/esm/MenuList/sub_menu_item.js.map +1 -1
  147. package/dist/esm/Modal/modal.js +18 -21
  148. package/dist/esm/Modal/modal.js.map +1 -1
  149. package/dist/esm/Popover/popover.js +14 -13
  150. package/dist/esm/Popover/popover.js.map +1 -1
  151. package/dist/esm/Radio/radio.js +14 -28
  152. package/dist/esm/Radio/radio.js.map +1 -1
  153. package/dist/esm/Select/select.js +33 -81
  154. package/dist/esm/Select/select.js.map +1 -1
  155. package/dist/esm/Skeleton/skeleton.js +8 -9
  156. package/dist/esm/Skeleton/skeleton.js.map +1 -1
  157. package/dist/esm/Slider/slider.js +17 -14
  158. package/dist/esm/Slider/slider.js.map +1 -1
  159. package/dist/esm/Switch/switch.js +23 -17
  160. package/dist/esm/Switch/switch.js.map +1 -1
  161. package/dist/esm/Tabs/tab.js +6 -11
  162. package/dist/esm/Tabs/tab.js.map +1 -1
  163. package/dist/esm/Tabs/tabs.js +14 -10
  164. package/dist/esm/Tabs/tabs.js.map +1 -1
  165. package/dist/esm/TextField/text_field.js +29 -57
  166. package/dist/esm/TextField/text_field.js.map +1 -1
  167. package/dist/esm/TextareaField/textarea_field.js +27 -64
  168. package/dist/esm/TextareaField/textarea_field.js.map +1 -1
  169. package/dist/esm/Toast/toast.js +4 -1
  170. package/dist/esm/Toast/toast.js.map +1 -1
  171. package/dist/esm/Toast/toast_container.js +14 -10
  172. package/dist/esm/Toast/toast_container.js.map +1 -1
  173. package/dist/esm/Tooltip/tooltip.js +18 -22
  174. package/dist/esm/Tooltip/tooltip.js.map +1 -1
  175. package/dist/esm/Typography/typography.js +8 -28
  176. package/dist/esm/Typography/typography.js.map +1 -1
  177. package/dist/esm/hooks/use_image.js +8 -0
  178. package/dist/esm/hooks/use_image.js.map +1 -1
  179. package/dist/esm/styles/default_theme.js +12 -140
  180. package/dist/esm/styles/default_theme.js.map +1 -1
  181. package/dist/esm/styles/foundations/colors.js +65 -0
  182. package/dist/esm/styles/foundations/colors.js.map +1 -0
  183. package/dist/esm/styles/foundations/index.js +6 -0
  184. package/dist/esm/styles/foundations/index.js.map +1 -0
  185. package/dist/esm/styles/foundations/shadow.js +8 -0
  186. package/dist/esm/styles/foundations/shadow.js.map +1 -0
  187. package/dist/esm/styles/{sizes/base.js → foundations/sizes.js} +3 -3
  188. package/dist/esm/styles/foundations/sizes.js.map +1 -0
  189. package/dist/esm/styles/foundations/text.js +129 -0
  190. package/dist/esm/styles/foundations/text.js.map +1 -0
  191. package/dist/esm/styles/index.js +1 -2
  192. package/dist/esm/styles/index.js.map +1 -1
  193. package/dist/esm/styles/theme_provider.js +13 -9
  194. package/dist/esm/styles/theme_provider.js.map +1 -1
  195. package/dist/esm/styles/utils.js +38 -17
  196. package/dist/esm/styles/utils.js.map +1 -1
  197. package/dist/esnext/Alert/alert.js +21 -20
  198. package/dist/esnext/Alert/alert.js.map +1 -1
  199. package/dist/esnext/Autocomplete/autocomplete.js +66 -86
  200. package/dist/esnext/Autocomplete/autocomplete.js.map +1 -1
  201. package/dist/esnext/Avatar/avatar.js +28 -30
  202. package/dist/esnext/Avatar/avatar.js.map +1 -1
  203. package/dist/esnext/Backdrop/backdrop.js +22 -19
  204. package/dist/esnext/Backdrop/backdrop.js.map +1 -1
  205. package/dist/esnext/Box/box.js +27 -46
  206. package/dist/esnext/Box/box.js.map +1 -1
  207. package/dist/esnext/Button/button.js +36 -48
  208. package/dist/esnext/Button/button.js.map +1 -1
  209. package/dist/esnext/ButtonBase/button_base.js +106 -176
  210. package/dist/esnext/ButtonBase/button_base.js.map +1 -1
  211. package/dist/esnext/Checkbox/checkbox.js +8 -24
  212. package/dist/esnext/Checkbox/checkbox.js.map +1 -1
  213. package/dist/esnext/Chip/chip.js +82 -123
  214. package/dist/esnext/Chip/chip.js.map +1 -1
  215. package/dist/esnext/CircularProgress/circular_progress.js +30 -32
  216. package/dist/esnext/CircularProgress/circular_progress.js.map +1 -1
  217. package/dist/esnext/Collapse/collapse.js +29 -25
  218. package/dist/esnext/Collapse/collapse.js.map +1 -1
  219. package/dist/esnext/Dialog/dialog.js +38 -39
  220. package/dist/esnext/Dialog/dialog.js.map +1 -1
  221. package/dist/esnext/Dialog/dialog_actions.js +13 -8
  222. package/dist/esnext/Dialog/dialog_actions.js.map +1 -1
  223. package/dist/esnext/Dialog/dialog_content.js +14 -24
  224. package/dist/esnext/Dialog/dialog_content.js.map +1 -1
  225. package/dist/esnext/Dialog/dialog_title.js +15 -11
  226. package/dist/esnext/Dialog/dialog_title.js.map +1 -1
  227. package/dist/esnext/Drawer/drawer.js +14 -8
  228. package/dist/esnext/Drawer/drawer.js.map +1 -1
  229. package/dist/esnext/Fab/fab.js +3 -10
  230. package/dist/esnext/Fab/fab.js.map +1 -1
  231. package/dist/esnext/IconButton/icon_button.js +4 -7
  232. package/dist/esnext/IconButton/icon_button.js.map +1 -1
  233. package/dist/esnext/Image/image.js +3 -0
  234. package/dist/esnext/Image/image.js.map +1 -1
  235. package/dist/esnext/LinearProgress/linear_progress.js +16 -11
  236. package/dist/esnext/LinearProgress/linear_progress.js.map +1 -1
  237. package/dist/esnext/Menu/menu.js +5 -9
  238. package/dist/esnext/Menu/menu.js.map +1 -1
  239. package/dist/esnext/MenuList/menu_item.js +13 -16
  240. package/dist/esnext/MenuList/menu_item.js.map +1 -1
  241. package/dist/esnext/MenuList/menu_list.js +4 -8
  242. package/dist/esnext/MenuList/menu_list.js.map +1 -1
  243. package/dist/esnext/MenuList/sub_menu_item.js +3 -4
  244. package/dist/esnext/MenuList/sub_menu_item.js.map +1 -1
  245. package/dist/esnext/Modal/modal.js +20 -14
  246. package/dist/esnext/Modal/modal.js.map +1 -1
  247. package/dist/esnext/Popover/popover.js +10 -8
  248. package/dist/esnext/Popover/popover.js.map +1 -1
  249. package/dist/esnext/Radio/radio.js +11 -24
  250. package/dist/esnext/Radio/radio.js.map +1 -1
  251. package/dist/esnext/Select/select.js +41 -54
  252. package/dist/esnext/Select/select.js.map +1 -1
  253. package/dist/esnext/Skeleton/skeleton.js +8 -9
  254. package/dist/esnext/Skeleton/skeleton.js.map +1 -1
  255. package/dist/esnext/Slider/slider.js +15 -11
  256. package/dist/esnext/Slider/slider.js.map +1 -1
  257. package/dist/esnext/Switch/switch.js +21 -14
  258. package/dist/esnext/Switch/switch.js.map +1 -1
  259. package/dist/esnext/Tabs/tab.js +5 -9
  260. package/dist/esnext/Tabs/tab.js.map +1 -1
  261. package/dist/esnext/Tabs/tabs.js +13 -8
  262. package/dist/esnext/Tabs/tabs.js.map +1 -1
  263. package/dist/esnext/TextField/text_field.js +30 -36
  264. package/dist/esnext/TextField/text_field.js.map +1 -1
  265. package/dist/esnext/TextareaField/textarea_field.js +32 -41
  266. package/dist/esnext/TextareaField/textarea_field.js.map +1 -1
  267. package/dist/esnext/Toast/toast.js +4 -1
  268. package/dist/esnext/Toast/toast.js.map +1 -1
  269. package/dist/esnext/Toast/toast_container.js +13 -8
  270. package/dist/esnext/Toast/toast_container.js.map +1 -1
  271. package/dist/esnext/Tooltip/tooltip.js +15 -17
  272. package/dist/esnext/Tooltip/tooltip.js.map +1 -1
  273. package/dist/esnext/Typography/typography.js +18 -29
  274. package/dist/esnext/Typography/typography.js.map +1 -1
  275. package/dist/esnext/hooks/use_image.js +8 -0
  276. package/dist/esnext/hooks/use_image.js.map +1 -1
  277. package/dist/esnext/styles/default_theme.js +38 -139
  278. package/dist/esnext/styles/default_theme.js.map +1 -1
  279. package/dist/esnext/styles/foundations/colors.js +64 -0
  280. package/dist/esnext/styles/foundations/colors.js.map +1 -0
  281. package/dist/esnext/styles/foundations/index.js +6 -0
  282. package/dist/esnext/styles/foundations/index.js.map +1 -0
  283. package/dist/esnext/styles/foundations/shadow.js +8 -0
  284. package/dist/esnext/styles/foundations/shadow.js.map +1 -0
  285. package/dist/esnext/styles/{sizes/base.js → foundations/sizes.js} +3 -3
  286. package/dist/esnext/styles/foundations/sizes.js.map +1 -0
  287. package/dist/esnext/styles/foundations/text.js +129 -0
  288. package/dist/esnext/styles/foundations/text.js.map +1 -0
  289. package/dist/esnext/styles/index.js +1 -2
  290. package/dist/esnext/styles/index.js.map +1 -1
  291. package/dist/esnext/styles/theme_provider.js +13 -9
  292. package/dist/esnext/styles/theme_provider.js.map +1 -1
  293. package/dist/esnext/styles/utils.js +46 -25
  294. package/dist/esnext/styles/utils.js.map +1 -1
  295. package/dist/types/Alert/alert.d.ts +9 -4
  296. package/dist/types/Autocomplete/autocomplete.d.ts +2 -2
  297. package/dist/types/Avatar/avatar.d.ts +7 -5
  298. package/dist/types/Backdrop/backdrop.d.ts +6 -3
  299. package/dist/types/Checkbox/checkbox.d.ts +4 -5
  300. package/dist/types/CircularProgress/circular_progress.d.ts +6 -6
  301. package/dist/types/Collapse/collapse.d.ts +9 -3
  302. package/dist/types/Dialog/dialog.d.ts +8 -2
  303. package/dist/types/Dialog/dialog_actions.d.ts +8 -2
  304. package/dist/types/Dialog/dialog_content.d.ts +2 -2
  305. package/dist/types/Dialog/dialog_title.d.ts +8 -2
  306. package/dist/types/Drawer/drawer.d.ts +8 -2
  307. package/dist/types/IconButton/icon_button.d.ts +2 -2
  308. package/dist/types/Image/image.d.ts +8 -3
  309. package/dist/types/LinearProgress/linear_progress.d.ts +8 -2
  310. package/dist/types/Menu/menu.d.ts +5 -5
  311. package/dist/types/Modal/modal.d.ts +9 -4
  312. package/dist/types/Popover/popover.d.ts +3 -0
  313. package/dist/types/Radio/radio.d.ts +7 -5
  314. package/dist/types/Select/select.d.ts +8 -3
  315. package/dist/types/Slider/slider.d.ts +9 -4
  316. package/dist/types/Switch/switch.d.ts +9 -4
  317. package/dist/types/Tabs/tabs.d.ts +8 -2
  318. package/dist/types/TextField/text_field.d.ts +8 -3
  319. package/dist/types/TextareaField/textarea_field.d.ts +9 -4
  320. package/dist/types/Toast/toast.d.ts +8 -2
  321. package/dist/types/Toast/toast_container.d.ts +8 -2
  322. package/dist/types/Tooltip/index.d.ts +1 -1
  323. package/dist/types/Tooltip/tooltip.d.ts +2 -2
  324. package/dist/types/styles/default_theme.d.ts +2 -1
  325. package/dist/types/styles/foundations/colors.d.ts +64 -0
  326. package/dist/types/styles/foundations/index.d.ts +4 -0
  327. package/dist/types/styles/foundations/shadow.d.ts +7 -0
  328. package/dist/types/styles/{sizes/base.d.ts → foundations/sizes.d.ts} +2 -2
  329. package/dist/types/styles/foundations/text.d.ts +128 -0
  330. package/dist/types/styles/index.d.ts +1 -2
  331. package/dist/types/styles/theme_provider.d.ts +7 -0
  332. package/dist/types/styles/types.d.ts +1 -1
  333. package/dist/types/styles/utils.d.ts +2 -28
  334. package/package.json +15 -22
  335. package/dist/cjs/styles/colors/additional.js +0 -8
  336. package/dist/cjs/styles/colors/additional.js.map +0 -1
  337. package/dist/cjs/styles/colors/attention.js +0 -24
  338. package/dist/cjs/styles/colors/attention.js.map +0 -1
  339. package/dist/cjs/styles/colors/grayscale.js +0 -18
  340. package/dist/cjs/styles/colors/grayscale.js.map +0 -1
  341. package/dist/cjs/styles/colors/index.js +0 -23
  342. package/dist/cjs/styles/colors/index.js.map +0 -1
  343. package/dist/cjs/styles/colors/primary.js +0 -24
  344. package/dist/cjs/styles/colors/primary.js.map +0 -1
  345. package/dist/cjs/styles/colors/secondary.js +0 -24
  346. package/dist/cjs/styles/colors/secondary.js.map +0 -1
  347. package/dist/cjs/styles/colors/success.js +0 -24
  348. package/dist/cjs/styles/colors/success.js.map +0 -1
  349. package/dist/cjs/styles/colors/wrong.js +0 -24
  350. package/dist/cjs/styles/colors/wrong.js.map +0 -1
  351. package/dist/cjs/styles/css.js +0 -13
  352. package/dist/cjs/styles/css.js.map +0 -1
  353. package/dist/cjs/styles/sizes/base.js.map +0 -1
  354. package/dist/cjs/styles/sizes/index.js +0 -7
  355. package/dist/cjs/styles/sizes/index.js.map +0 -1
  356. package/dist/esm/styles/colors/additional.js +0 -5
  357. package/dist/esm/styles/colors/additional.js.map +0 -1
  358. package/dist/esm/styles/colors/attention.js +0 -20
  359. package/dist/esm/styles/colors/attention.js.map +0 -1
  360. package/dist/esm/styles/colors/grayscale.js +0 -15
  361. package/dist/esm/styles/colors/grayscale.js.map +0 -1
  362. package/dist/esm/styles/colors/index.js +0 -8
  363. package/dist/esm/styles/colors/index.js.map +0 -1
  364. package/dist/esm/styles/colors/primary.js +0 -20
  365. package/dist/esm/styles/colors/primary.js.map +0 -1
  366. package/dist/esm/styles/colors/secondary.js +0 -20
  367. package/dist/esm/styles/colors/secondary.js.map +0 -1
  368. package/dist/esm/styles/colors/success.js +0 -20
  369. package/dist/esm/styles/colors/success.js.map +0 -1
  370. package/dist/esm/styles/colors/wrong.js +0 -20
  371. package/dist/esm/styles/colors/wrong.js.map +0 -1
  372. package/dist/esm/styles/css.js +0 -7
  373. package/dist/esm/styles/css.js.map +0 -1
  374. package/dist/esm/styles/sizes/base.js.map +0 -1
  375. package/dist/esm/styles/sizes/index.js +0 -2
  376. package/dist/esm/styles/sizes/index.js.map +0 -1
  377. package/dist/esnext/styles/colors/additional.js +0 -5
  378. package/dist/esnext/styles/colors/additional.js.map +0 -1
  379. package/dist/esnext/styles/colors/attention.js +0 -19
  380. package/dist/esnext/styles/colors/attention.js.map +0 -1
  381. package/dist/esnext/styles/colors/grayscale.js +0 -15
  382. package/dist/esnext/styles/colors/grayscale.js.map +0 -1
  383. package/dist/esnext/styles/colors/index.js +0 -8
  384. package/dist/esnext/styles/colors/index.js.map +0 -1
  385. package/dist/esnext/styles/colors/primary.js +0 -19
  386. package/dist/esnext/styles/colors/primary.js.map +0 -1
  387. package/dist/esnext/styles/colors/secondary.js +0 -19
  388. package/dist/esnext/styles/colors/secondary.js.map +0 -1
  389. package/dist/esnext/styles/colors/success.js +0 -19
  390. package/dist/esnext/styles/colors/success.js.map +0 -1
  391. package/dist/esnext/styles/colors/wrong.js +0 -19
  392. package/dist/esnext/styles/colors/wrong.js.map +0 -1
  393. package/dist/esnext/styles/css.js +0 -6
  394. package/dist/esnext/styles/css.js.map +0 -1
  395. package/dist/esnext/styles/sizes/base.js.map +0 -1
  396. package/dist/esnext/styles/sizes/index.js +0 -2
  397. package/dist/esnext/styles/sizes/index.js.map +0 -1
  398. package/dist/types/styles/colors/additional.d.ts +0 -4
  399. package/dist/types/styles/colors/attention.d.ts +0 -26
  400. package/dist/types/styles/colors/grayscale.d.ts +0 -14
  401. package/dist/types/styles/colors/index.d.ts +0 -7
  402. package/dist/types/styles/colors/primary.d.ts +0 -26
  403. package/dist/types/styles/colors/secondary.d.ts +0 -26
  404. package/dist/types/styles/colors/success.d.ts +0 -26
  405. package/dist/types/styles/colors/wrong.d.ts +0 -26
  406. package/dist/types/styles/css.d.ts +0 -10
  407. package/dist/types/styles/sizes/index.d.ts +0 -1
@@ -0,0 +1,65 @@
1
+ import { Color } from '@peculiar/color';
2
+ export var generateColorPalette = function (name, hex) {
3
+ var _a;
4
+ var palette = new Color(hex).palette();
5
+ return _a = {},
6
+ _a["".concat(name, "-tint-5")] = palette.tint5.toHexString(),
7
+ _a["".concat(name, "-tint-4")] = palette.tint4.toHexString(),
8
+ _a["".concat(name, "-tint-3")] = palette.tint3.toHexString(),
9
+ _a["".concat(name, "-tint-2")] = palette.tint2.toHexString(),
10
+ _a["".concat(name, "-tint-1")] = palette.tint1.toHexString(),
11
+ _a[name] = palette.base.toHexString(),
12
+ _a["".concat(name, "-shade-1")] = palette.shade1.toHexString(),
13
+ _a["".concat(name, "-shade-2")] = palette.shade2.toHexString(),
14
+ _a["".concat(name, "-shade-3")] = palette.shade3.toHexString(),
15
+ _a["".concat(name, "-shade-4")] = palette.shade4.toHexString(),
16
+ _a["".concat(name, "-shade-5")] = palette.shade5.toHexString(),
17
+ _a;
18
+ };
19
+ export var additional = {
20
+ 'extra-1': '#826FF6',
21
+ 'extra-2': '#DC6CDF',
22
+ };
23
+ export var additionalDark = {
24
+ 'extra-1': '#826FF6',
25
+ 'extra-2': '#EC9CEE',
26
+ };
27
+ export var grayscale = {
28
+ white: '#FFFFFF',
29
+ 'gray-1': '#FBFCFD',
30
+ 'gray-2': '#F4F7FC',
31
+ 'gray-3': '#EFF1F6',
32
+ 'gray-4': '#EAEDF2',
33
+ 'gray-5': '#E3E5E8',
34
+ 'gray-6': '#D8DBDE',
35
+ 'gray-7': '#CDD1D5',
36
+ 'gray-8': '#C4C8CC',
37
+ 'gray-9': '#8F999E',
38
+ 'gray-10': '#5C666A',
39
+ black: '#293033',
40
+ };
41
+ export var grayscaleDark = {
42
+ white: '#FAFAFA',
43
+ 'gray-1': '#2D3338',
44
+ 'gray-2': '#32383D',
45
+ 'gray-3': '#40474D',
46
+ 'gray-4': '#4F565C',
47
+ 'gray-5': '#5B6266',
48
+ 'gray-6': '#7E8388',
49
+ 'gray-7': '#A9ADAF',
50
+ 'gray-8': '#D4D6D7',
51
+ 'gray-9': '#E9EAEB',
52
+ 'gray-10': '#ECEDED',
53
+ black: '#23292B',
54
+ };
55
+ export var primary = generateColorPalette('primary', '#5EBC54');
56
+ export var primaryDark = generateColorPalette('primary', '#499940');
57
+ export var secondary = generateColorPalette('secondary', '#377FF4');
58
+ export var secondaryDark = generateColorPalette('secondary', '#67A0FF');
59
+ export var attention = generateColorPalette('attention', '#F7A831');
60
+ export var attentionDark = generateColorPalette('attention', '#FFC369');
61
+ export var success = generateColorPalette('success', '#33CC99');
62
+ export var successDark = generateColorPalette('success', '#61EDBE');
63
+ export var wrong = generateColorPalette('wrong', '#DE4641');
64
+ export var wrongDark = generateColorPalette('wrong', '#F55D58');
65
+ //# sourceMappingURL=colors.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"colors.js","sourceRoot":"","sources":["../../../../src/styles/foundations/colors.ts"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ import * as colors_1 from './colors';
2
+ export { colors_1 as colors };
3
+ export * from './sizes';
4
+ export * from './text';
5
+ export * from './shadow';
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/styles/foundations/index.ts"],"names":[],"mappings":"0BAAwB,UAAU;qBAAtB,MAAM;AAClB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC"}
@@ -0,0 +1,8 @@
1
+ export var shadow = {
2
+ 'light-low': '0px 1px 3px rgba(85, 94, 98, 0.12), 0px 3px 3px rgba(85, 94, 98, 0.08), 0px 1px 7px rgba(85, 94, 98, 0.06)',
3
+ 'light-medium': '0px 1px 4px rgba(85, 94, 98, 0.18), 0px 3px 5px rgba(85, 94, 98, 0.14), 0px 1px 10px rgba(85, 94, 98, 0.12)',
4
+ 'light-hight': '0px 1px 8px -2px rgba(85, 94, 98, 0.2), 0px 5px 10px 0.2px rgba(85, 94, 98, 0.25), 0px 15px 20px 0.2px rgba(85, 94, 98, 0.21)',
5
+ 'dark-medium': '0px 1px 4px rgba(41, 48, 51, 0.18), 0px 3px 5px rgba(41, 48, 51, 0.16), 0px 1px 10px rgba(41, 48, 51, 0.14)',
6
+ 'dark-hight': '0px 1px 8px -2px rgba(85, 94, 98, 0.2), 0px 5px 10px 0.2px rgba(85, 94, 98, 0.3), 0px 15px 20px 0.2px rgba(85, 94, 98, 0.25)',
7
+ };
8
+ //# sourceMappingURL=shadow.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"shadow.js","sourceRoot":"","sources":["../../../../src/styles/foundations/shadow.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,MAAM,GAAG;IACpB,WAAW,EACT,4GAA4G;IAC9G,cAAc,EACZ,6GAA6G;IAC/G,aAAa,EACX,+HAA+H;IACjI,aAAa,EACX,6GAA6G;IAC/G,YAAY,EACV,8HAA8H;CACjI,CAAC"}
@@ -1,4 +1,4 @@
1
- export var generateBaseSize = function (grid) {
1
+ export var generateSize = function (grid) {
2
2
  if (grid === void 0) { grid = 5; }
3
3
  return ({
4
4
  'base-half': "".concat(grid / 2, "px"),
@@ -18,5 +18,5 @@ export var generateBaseSize = function (grid) {
18
18
  'base-16': "".concat(grid * 16, "px"),
19
19
  });
20
20
  };
21
- export var base = generateBaseSize();
22
- //# sourceMappingURL=base.js.map
21
+ export var size = generateSize();
22
+ //# sourceMappingURL=sizes.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"sizes.js","sourceRoot":"","sources":["../../../../src/styles/foundations/sizes.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,YAAY,GAAG,UAAC,IAAgB;IAAhB,qBAAA,EAAA,QAAgB;IAAK,OAAA,CAAC;QACjD,WAAW,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QAC5B,IAAI,EAAE,UAAG,IAAI,OAAI;QACjB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,QAAQ,EAAE,UAAG,IAAI,GAAG,CAAC,OAAI;QACzB,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;QAC3B,SAAS,EAAE,UAAG,IAAI,GAAG,EAAE,OAAI;KAC5B,CAAC;AAhBgD,CAgBhD,CAAC;AAEH,MAAM,CAAC,IAAM,IAAI,GAAG,YAAY,EAAE,CAAC"}
@@ -0,0 +1,129 @@
1
+ export var text = {
2
+ /**
3
+ * h1
4
+ */
5
+ h1: {
6
+ weight: '800',
7
+ size: '30px',
8
+ height: '40px',
9
+ spacing: '0.1px',
10
+ },
11
+ /**
12
+ * h2
13
+ */
14
+ h2: {
15
+ weight: '800',
16
+ size: '24px',
17
+ height: '35px',
18
+ spacing: '0.1px',
19
+ },
20
+ /**
21
+ * h3
22
+ */
23
+ h3: {
24
+ weight: '700',
25
+ size: '20px',
26
+ height: '30px',
27
+ spacing: '0.2px',
28
+ },
29
+ /**
30
+ * h4
31
+ */
32
+ h4: {
33
+ weight: '700',
34
+ size: '18px',
35
+ height: '28px',
36
+ spacing: '0.2px',
37
+ },
38
+ /**
39
+ * h5
40
+ */
41
+ h5: {
42
+ weight: '700',
43
+ size: '16px',
44
+ height: '25px',
45
+ spacing: '0.15px',
46
+ },
47
+ /**
48
+ * subtitle1
49
+ */
50
+ s1: {
51
+ weight: '600',
52
+ size: '15px',
53
+ height: '25px',
54
+ spacing: '0.25px',
55
+ },
56
+ /**
57
+ * subtitle2
58
+ */
59
+ s2: {
60
+ weight: '600',
61
+ size: '14px',
62
+ height: '22px',
63
+ spacing: '0.25px',
64
+ },
65
+ /**
66
+ * body1
67
+ */
68
+ b1: {
69
+ weight: '400',
70
+ size: '15px',
71
+ height: '25px',
72
+ spacing: '0.4px',
73
+ },
74
+ /**
75
+ * body2
76
+ */
77
+ b2: {
78
+ weight: '400',
79
+ size: '14px',
80
+ height: '22px',
81
+ spacing: '0.4px',
82
+ },
83
+ /**
84
+ * body3
85
+ */
86
+ b3: {
87
+ weight: '400',
88
+ size: '13px',
89
+ height: '20px',
90
+ spacing: '0.55px',
91
+ },
92
+ /**
93
+ * button1
94
+ */
95
+ btn1: {
96
+ weight: '700',
97
+ size: '14px',
98
+ height: '20px',
99
+ spacing: '0.2px',
100
+ },
101
+ /**
102
+ * button2
103
+ */
104
+ btn2: {
105
+ weight: '700',
106
+ size: '13px',
107
+ height: '17px',
108
+ spacing: '0.2px',
109
+ },
110
+ /**
111
+ * caption1
112
+ */
113
+ c1: {
114
+ weight: '400',
115
+ size: '12px',
116
+ height: '17px',
117
+ spacing: '0.45px',
118
+ },
119
+ /**
120
+ * caption2
121
+ */
122
+ c2: {
123
+ weight: '400',
124
+ size: '11px',
125
+ height: '15px',
126
+ spacing: '0.5px',
127
+ },
128
+ };
129
+ //# sourceMappingURL=text.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"text.js","sourceRoot":"","sources":["../../../../src/styles/foundations/text.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,IAAM,IAAI,GAAG;IAClB;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,QAAQ;KAClB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,QAAQ;KAClB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,QAAQ;KAClB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,QAAQ;KAClB;IACD;;OAEG;IACH,IAAI,EAAE;QACJ,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,IAAI,EAAE;QACJ,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,QAAQ;KAClB;IACD;;OAEG;IACH,EAAE,EAAE;QACF,MAAM,EAAE,KAAK;QACb,IAAI,EAAE,MAAM;QACZ,MAAM,EAAE,MAAM;QACd,OAAO,EAAE,OAAO;KACjB;CACF,CAAC"}
@@ -1,5 +1,4 @@
1
1
  export { ThemeProvider } from './theme_provider';
2
- export { css, cx, keyframes, cache, } from './css';
3
2
  export * from './types';
4
- export { defaultTheme } from './default_theme';
3
+ export { defaultThemeLight, defaultThemeDark } from './default_theme';
5
4
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EACL,GAAG,EACH,EAAE,EACF,SAAS,EACT,KAAK,GACN,MAAM,OAAO,CAAC;AACf,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/styles/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,cAAc,SAAS,CAAC;AACxB,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC"}
@@ -1,18 +1,22 @@
1
1
  import * as React from 'react';
2
- import { Global } from '@emotion/react';
2
+ import { Global, ThemeProvider as ThemeProviderEmotion } from '@emotion/react';
3
3
  import { createTheme, createThemeCSSVariablesFromObject } from './utils';
4
- import { defaultTheme } from './default_theme';
4
+ /**
5
+ *
6
+ */
5
7
  export var ThemeProvider = function (props) {
6
- var children = props.children, themeProp = props.theme;
7
- var theme = React.useMemo(function () {
8
- var output = themeProp ? createTheme(themeProp) : defaultTheme;
9
- return output;
10
- }, [themeProp]);
8
+ var children = props.children, mode = props.mode, themeProp = props.theme;
9
+ var theme = React.useMemo(function () { return createThemeCSSVariablesFromObject(createTheme(mode, themeProp)); }, [themeProp, mode]);
11
10
  return (React.createElement(React.Fragment, null,
12
11
  React.createElement(Global, { styles: {
13
- 'html, ::backdrop': createThemeCSSVariablesFromObject(theme),
12
+ 'html, ::backdrop': theme,
14
13
  } }),
15
- children));
14
+ React.createElement(ThemeProviderEmotion, { theme: {
15
+ mode: mode,
16
+ } }, children)));
16
17
  };
17
18
  ThemeProvider.displayName = 'ThemeProvider';
19
+ ThemeProvider.defaultProps = {
20
+ mode: 'light',
21
+ };
18
22
  //# sourceMappingURL=theme_provider.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,gBAAgB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAQ/C,MAAM,CAAC,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAEN,KAAK,SAFC,EACD,SAAS,GACd,KAAK,MADS,CACR;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CAAC;QAC1B,IAAM,MAAM,GAAG,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC;QAEjE,OAAO,MAAM,CAAC;IAChB,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC;IAEhB,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,kBAAkB,EAAE,iCAAiC,CAAC,KAAK,CAAC;aAC7D,GACD;QACD,QAAQ,CACR,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC"}
1
+ {"version":3,"file":"theme_provider.js","sourceRoot":"","sources":["../../../src/styles/theme_provider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,aAAa,IAAI,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC/E,OAAO,EAAE,WAAW,EAAE,iCAAiC,EAAE,MAAM,SAAS,CAAC;AAWzE;;GAEG;AAEH,MAAM,CAAC,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,IAAI,GAEF,KAAK,KAFH,EACG,SAAS,GACd,KAAK,MADS,CACR;IAEV,IAAM,KAAK,GAAG,KAAK,CAAC,OAAO,CACzB,cAAM,OAAA,iCAAiC,CAAC,WAAW,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,EAA/D,CAA+D,EACrE,CAAC,SAAS,EAAE,IAAI,CAAC,CAClB,CAAC;IAEF,OAAO,CACL;QACE,oBAAC,MAAM,IACL,MAAM,EAAE;gBACN,kBAAkB,EAAE,KAAK;aAC1B,GACD;QACF,oBAAC,oBAAoB,IACnB,KAAK,EAAE;gBACL,IAAI,MAAA;aACL,IAEA,QAAQ,CACY,CACtB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG;IAC3B,IAAI,EAAE,OAAO;CACd,CAAC"}
@@ -12,30 +12,51 @@ var __assign = (this && this.__assign) || function () {
12
12
  import flat from 'flat';
13
13
  import deepmerge from 'deepmerge';
14
14
  import { Color } from '@peculiar/color';
15
- import { defaultTheme } from './default_theme';
16
- import { generateWrongColors, generateSecondaryColors, generatePrimaryColors, generateAttentionColors, } from './colors';
17
- import { generateBaseSize, } from './sizes';
15
+ import { defaultThemeLight, defaultThemeDark } from './default_theme';
16
+ import { colors, generateSize, } from './foundations';
18
17
  export var themeCSSVariablePrefix = 'pv';
19
18
  export var contrastThreshold = 2;
20
- export var createTheme = function (options) {
21
- var _a, _b, _c, _d;
22
- var primary = generatePrimaryColors((_a = options === null || options === void 0 ? void 0 : options.color) === null || _a === void 0 ? void 0 : _a.primary);
23
- var secondary = generateSecondaryColors((_b = options === null || options === void 0 ? void 0 : options.color) === null || _b === void 0 ? void 0 : _b.secondary);
24
- var wrong = generateWrongColors((_c = options === null || options === void 0 ? void 0 : options.color) === null || _c === void 0 ? void 0 : _c.wrong);
25
- var attention = generateAttentionColors((_d = options === null || options === void 0 ? void 0 : options.color) === null || _d === void 0 ? void 0 : _d.attention);
26
- var size = generateBaseSize(options === null || options === void 0 ? void 0 : options.size);
27
- function getContrastText(background) {
19
+ export var createTheme = function (mode, options) {
20
+ var _a, _b, _c, _d, _e;
21
+ var defaultTheme = mode === 'dark' ? defaultThemeDark : defaultThemeLight;
22
+ var getContrastText = function (background) {
28
23
  var contrastRatio = new Color(background)
29
24
  .getContrastRatio(defaultTheme.color.white);
30
25
  return contrastRatio > contrastThreshold
31
26
  ? defaultTheme.color.white
32
27
  : defaultTheme.color.black;
33
- }
34
- var partialTheme = deepmerge(options, {
35
- color: __assign(__assign(__assign(__assign(__assign(__assign({}, primary), secondary), wrong), attention), { 'primary-contrast': getContrastText(primary.primary), 'secondary-contrast': getContrastText(secondary.secondary), 'wrong-contrast': getContrastText(wrong.wrong) }), options === null || options === void 0 ? void 0 : options.color),
36
- size: size,
37
- });
38
- return deepmerge(defaultTheme, partialTheme);
28
+ };
29
+ var primary = ((_a = options === null || options === void 0 ? void 0 : options.color) === null || _a === void 0 ? void 0 : _a.primary)
30
+ ? colors.generateColorPalette('primary', options.color.primary)
31
+ : undefined;
32
+ var secondary = ((_b = options === null || options === void 0 ? void 0 : options.color) === null || _b === void 0 ? void 0 : _b.secondary)
33
+ ? colors.generateColorPalette('secondary', options.color.secondary)
34
+ : undefined;
35
+ var wrong = ((_c = options === null || options === void 0 ? void 0 : options.color) === null || _c === void 0 ? void 0 : _c.wrong)
36
+ ? colors.generateColorPalette('wrong', options.color.wrong)
37
+ : undefined;
38
+ var attention = ((_d = options === null || options === void 0 ? void 0 : options.color) === null || _d === void 0 ? void 0 : _d.attention)
39
+ ? colors.generateColorPalette('attention', options.color.attention)
40
+ : undefined;
41
+ var success = ((_e = options === null || options === void 0 ? void 0 : options.color) === null || _e === void 0 ? void 0 : _e.success)
42
+ ? colors.generateColorPalette('success', options.color.success)
43
+ : undefined;
44
+ return {
45
+ color: deepmerge.all([
46
+ defaultTheme.color,
47
+ __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, primary || {}), secondary || {}), wrong || {}), attention || {}), success || {}), (primary ? {
48
+ 'primary-contrast': getContrastText(primary.primary),
49
+ } : {})), (secondary ? {
50
+ 'secondary-contrast': getContrastText(secondary.secondary),
51
+ } : {})), (wrong ? {
52
+ 'wrong-contrast': getContrastText(wrong.wrong),
53
+ } : {})),
54
+ (options === null || options === void 0 ? void 0 : options.color) || {},
55
+ ]),
56
+ shadow: deepmerge(defaultTheme.shadow, (options === null || options === void 0 ? void 0 : options.shadow) || {}),
57
+ text: deepmerge(defaultTheme.text, (options === null || options === void 0 ? void 0 : options.text) || {}),
58
+ size: generateSize(options === null || options === void 0 ? void 0 : options.size),
59
+ };
39
60
  };
40
61
  export var createThemeCSSVariablesFromObject = function (object) {
41
62
  var _a;
@@ -1 +1 @@
1
- {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,IAAI,MAAM,MAAM,CAAC;AACxB,OAAO,SAAS,MAAM,WAAW,CAAC;AAClC,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAE/C,OAAO,EACL,mBAAmB,EACnB,uBAAuB,EACvB,qBAAqB,EACrB,uBAAuB,GACxB,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,gBAAgB,GACjB,MAAM,SAAS,CAAC;AAEjB,MAAM,CAAC,IAAM,sBAAsB,GAAG,IAAI,CAAC;AAC3C,MAAM,CAAC,IAAM,iBAAiB,GAAG,CAAC,CAAC;AAEnC,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,OAA0B;;IACpD,IAAM,OAAO,GAAG,qBAAqB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,OAAO,CAAC,CAAC;IAC/D,IAAM,SAAS,GAAG,uBAAuB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,KAAK,GAAG,mBAAmB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IACzD,IAAM,SAAS,GAAG,uBAAuB,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,SAAS,CAAC,CAAC;IACrE,IAAM,IAAI,GAAG,gBAAgB,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC,CAAC;IAE7C,SAAS,eAAe,CAAC,UAAkB;QACzC,IAAM,aAAa,GAAG,IAAI,KAAK,CAAC,UAAU,CAAC;aACxC,gBAAgB,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QAE9C,OAAO,aAAa,GAAG,iBAAiB;YACtC,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK;YAC1B,CAAC,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;IAC/B,CAAC;IAED,IAAM,YAAY,GAAG,SAAS,CAAC,OAAO,EAAE;QACtC,KAAK,EAAE,0DACF,OAAO,GACP,SAAS,GACT,KAAK,GACL,SAAS,KACZ,kBAAkB,EAAE,eAAe,CAAC,OAAO,CAAC,OAAO,CAAC,EACpD,oBAAoB,EAAE,eAAe,CAAC,SAAS,CAAC,SAAS,CAAC,EAC1D,gBAAgB,EAAE,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,KAC3C,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CACoB;QACvC,IAAI,MAAA;KACL,CAAC,CAAC;IAEH,OAAO,SAAS,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC;AAC/C,CAAC,CAAC;AAEF,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,MAA2B;;IAC3E,IAAM,OAAO,GAAG,IAAI;QAEhB,GAAC,YAAK,sBAAsB,CAAE,IAAG,MAAM;aAEzC,EAAE,SAAS,EAAE,GAAG,EAAE,CACnB,CAAC;IAEF,OAAO,OAAO,CAAC;AACjB,CAAC,CAAC"}
1
+ {"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/styles/utils.ts"],"names":[],"mappings":"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"}
@@ -1,43 +1,49 @@
1
1
  import * as React from 'react';
2
+ import styled from '@emotion/styled';
2
3
  import { Box } from '../Box';
3
4
  import { Typography } from '../Typography';
4
5
  import { IconButton } from '../IconButton';
5
6
  import { CircularProgress } from '../CircularProgress';
6
7
  import { CloseCircleIcon, WarningIcon, CheckCircleIcon, CloseIcon, } from '../icons';
7
- import { css, cx } from '../styles';
8
- const stylesBase = () => css({
9
- label: 'Alert',
8
+ /**
9
+ *
10
+ */
11
+ /**
12
+ * Styles.
13
+ */
14
+ const AlertRoot = styled(Box)({
10
15
  width: '100%',
11
16
  display: 'flex',
12
17
  padding: 'var(--pv-size-base-2) var(--pv-size-base-4)',
13
18
  boxSizing: 'border-box',
14
19
  });
15
- const stylesIcon = (variant) => css({
16
- label: 'Alert-icon',
20
+ const AlertIcon = styled('div')((props) => ({
17
21
  marginRight: 'var(--pv-size-base-2)',
18
22
  width: '24px',
19
23
  display: 'flex',
20
24
  padding: 'var(--pv-size-base-half) 0px',
21
25
  justifyContent: 'center',
22
26
  alignItems: 'center',
23
- ...(variant === 'wrong' && {
27
+ ...(props.variant === 'wrong' && {
24
28
  color: 'var(--pv-color-wrong)',
25
29
  }),
26
- ...(variant === 'attention' && {
30
+ ...(props.variant === 'attention' && {
27
31
  color: 'var(--pv-color-attention)',
28
32
  }),
29
- ...(variant === 'success' && {
33
+ ...(props.variant === 'success' && {
30
34
  color: 'var(--pv-color-success)',
31
35
  }),
32
- });
33
- const stylesText = () => css({
34
- label: 'Alert-text',
36
+ }));
37
+ const AlertMessage = styled(Typography)({
35
38
  padding: 'var(--pv-size-base) 0px',
36
39
  flex: '1',
37
40
  minHeight: 'var(--pv-text-b3-height)',
38
41
  });
42
+ /**
43
+ *
44
+ */
39
45
  export const Alert = React.forwardRef((props, ref) => {
40
- const { children, variant, className, disableIcon, onClose, ...other } = props;
46
+ const { children, variant, disableIcon, onClose, ...other } = props;
41
47
  const renderIcon = () => {
42
48
  if (variant === 'wrong') {
43
49
  return (React.createElement(CloseCircleIcon, null));
@@ -53,14 +59,9 @@ export const Alert = React.forwardRef((props, ref) => {
53
59
  }
54
60
  return null;
55
61
  };
56
- return (React.createElement(Box, { ...other, ref: ref, role: "alert", borderRadius: 4, background: variant === 'wrong' ? 'wrong-tint-5' : 'black', className: cx({
57
- [stylesBase()]: true,
58
- [className]: !!className,
59
- }) },
60
- !disableIcon && (React.createElement("div", { className: cx(stylesIcon(variant)) }, renderIcon())),
61
- React.createElement(Typography, { variant: "b3", color: variant === 'wrong' ? 'wrong' : 'white', className: cx({
62
- [stylesText()]: true,
63
- }) }, children),
62
+ return (React.createElement(AlertRoot, { ref: ref, role: "alert", borderRadius: 4, background: variant === 'wrong' ? 'wrong-tint-5' : 'black', ...other },
63
+ !disableIcon && (React.createElement(AlertIcon, { variant: variant }, renderIcon())),
64
+ React.createElement(AlertMessage, { variant: "b3", color: variant === 'wrong' ? 'wrong' : 'white' }, children),
64
65
  onClose && (React.createElement(IconButton, { size: "small", color: variant === 'wrong' ? 'wrong' : 'white', circled: true, onClick: onClose },
65
66
  React.createElement(CloseIcon, null)))));
66
67
  });
@@ -1 +1 @@
1
- {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/Alert/alert.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"alert.js","sourceRoot":"","sources":["../../../src/Alert/alert.tsx"],"names":[],"mappings":"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"}