@peculiar/react-components 0.0.2-alpha.89 → 0.1.0-alpha.309

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 (729) hide show
  1. package/README.md +7 -5
  2. package/dist/cjs/Alert/alert.js +109 -0
  3. package/dist/cjs/Alert/alert.js.map +1 -0
  4. package/dist/cjs/Alert/index.js +6 -0
  5. package/dist/cjs/Alert/index.js.map +1 -0
  6. package/dist/cjs/Autocomplete/autocomplete.js +260 -0
  7. package/dist/cjs/Autocomplete/autocomplete.js.map +1 -0
  8. package/dist/cjs/Autocomplete/index.js +6 -0
  9. package/dist/cjs/Autocomplete/index.js.map +1 -0
  10. package/dist/cjs/Avatar/avatar.js +35 -55
  11. package/dist/cjs/Avatar/avatar.js.map +1 -1
  12. package/dist/cjs/Backdrop/backdrop.js +10 -6
  13. package/dist/cjs/Backdrop/backdrop.js.map +1 -1
  14. package/dist/cjs/Backdrop/index.js.map +1 -1
  15. package/dist/cjs/Box/box.js +24 -13
  16. package/dist/cjs/Box/box.js.map +1 -1
  17. package/dist/cjs/Box/index.js.map +1 -1
  18. package/dist/cjs/Button/button.js +51 -28
  19. package/dist/cjs/Button/button.js.map +1 -1
  20. package/dist/cjs/Button/index.js.map +1 -1
  21. package/dist/cjs/ButtonBase/button_base.js +156 -44
  22. package/dist/cjs/ButtonBase/button_base.js.map +1 -1
  23. package/dist/cjs/ButtonBase/index.js.map +1 -1
  24. package/dist/cjs/Checkbox/checkbox.js +148 -0
  25. package/dist/cjs/Checkbox/checkbox.js.map +1 -0
  26. package/dist/cjs/Checkbox/index.js +6 -0
  27. package/dist/cjs/Checkbox/index.js.map +1 -0
  28. package/dist/cjs/Chip/chip.js +219 -0
  29. package/dist/cjs/Chip/chip.js.map +1 -0
  30. package/dist/cjs/Chip/index.js +6 -0
  31. package/dist/cjs/Chip/index.js.map +1 -0
  32. package/dist/cjs/CircularProgress/circular_progress.js +92 -0
  33. package/dist/cjs/CircularProgress/circular_progress.js.map +1 -0
  34. package/dist/cjs/CircularProgress/index.js +6 -0
  35. package/dist/cjs/CircularProgress/index.js.map +1 -0
  36. package/dist/cjs/Collapse/collapse.js +14 -10
  37. package/dist/cjs/Collapse/collapse.js.map +1 -1
  38. package/dist/cjs/Dialog/dialog.js +104 -0
  39. package/dist/cjs/Dialog/dialog.js.map +1 -0
  40. package/dist/cjs/Dialog/dialog_actions.js +52 -0
  41. package/dist/cjs/Dialog/dialog_actions.js.map +1 -0
  42. package/dist/cjs/Dialog/dialog_content.js +76 -0
  43. package/dist/cjs/Dialog/dialog_content.js.map +1 -0
  44. package/dist/cjs/Dialog/dialog_title.js +58 -0
  45. package/dist/cjs/Dialog/dialog_title.js.map +1 -0
  46. package/dist/cjs/Dialog/index.js +12 -0
  47. package/dist/cjs/Dialog/index.js.map +1 -0
  48. package/dist/cjs/Drawer/drawer.js +14 -7
  49. package/dist/cjs/Drawer/drawer.js.map +1 -1
  50. package/dist/cjs/Fab/fab.js +21 -7
  51. package/dist/cjs/Fab/fab.js.map +1 -1
  52. package/dist/cjs/Fab/index.js.map +1 -1
  53. package/dist/cjs/Fade/fade.js +33 -9
  54. package/dist/cjs/Fade/fade.js.map +1 -1
  55. package/dist/cjs/FocusTrap/focus_trap.js +43 -0
  56. package/dist/cjs/FocusTrap/focus_trap.js.map +1 -0
  57. package/dist/cjs/FocusTrap/index.js +6 -0
  58. package/dist/cjs/FocusTrap/index.js.map +1 -0
  59. package/dist/cjs/IconButton/icon_button.js +83 -0
  60. package/dist/cjs/IconButton/icon_button.js.map +1 -0
  61. package/dist/cjs/IconButton/index.js +6 -0
  62. package/dist/cjs/IconButton/index.js.map +1 -0
  63. package/dist/cjs/Image/image.js +69 -0
  64. package/dist/cjs/Image/image.js.map +1 -0
  65. package/dist/cjs/Image/index.js +6 -0
  66. package/dist/cjs/Image/index.js.map +1 -0
  67. package/dist/cjs/LinearProgress/index.js +6 -0
  68. package/dist/cjs/LinearProgress/index.js.map +1 -0
  69. package/dist/cjs/LinearProgress/linear_progress.js +68 -0
  70. package/dist/cjs/LinearProgress/linear_progress.js.map +1 -0
  71. package/dist/cjs/Menu/index.js +6 -0
  72. package/dist/cjs/Menu/index.js.map +1 -0
  73. package/dist/cjs/Menu/menu.js +141 -0
  74. package/dist/cjs/Menu/menu.js.map +1 -0
  75. package/dist/cjs/Modal/index.js.map +1 -1
  76. package/dist/cjs/Modal/modal.js +46 -12
  77. package/dist/cjs/Modal/modal.js.map +1 -1
  78. package/dist/cjs/OverridableComponent.js +3 -0
  79. package/dist/cjs/OverridableComponent.js.map +1 -0
  80. package/dist/cjs/Popover/index.js +6 -0
  81. package/dist/cjs/Popover/index.js.map +1 -0
  82. package/dist/cjs/Popover/popover.js +83 -0
  83. package/dist/cjs/Popover/popover.js.map +1 -0
  84. package/dist/cjs/Popper/index.js +6 -0
  85. package/dist/cjs/Popper/index.js.map +1 -0
  86. package/dist/cjs/Popper/popper.js +71 -0
  87. package/dist/cjs/Popper/popper.js.map +1 -0
  88. package/dist/cjs/Portal/portal.js +6 -2
  89. package/dist/cjs/Portal/portal.js.map +1 -1
  90. package/dist/cjs/Radio/index.js +6 -0
  91. package/dist/cjs/Radio/index.js.map +1 -0
  92. package/dist/cjs/Radio/radio.js +149 -0
  93. package/dist/cjs/Radio/radio.js.map +1 -0
  94. package/dist/cjs/Select/select.js +59 -32
  95. package/dist/cjs/Select/select.js.map +1 -1
  96. package/dist/cjs/Skeleton/index.js +6 -0
  97. package/dist/cjs/Skeleton/index.js.map +1 -0
  98. package/dist/cjs/Skeleton/skeleton.js +103 -0
  99. package/dist/cjs/Skeleton/skeleton.js.map +1 -0
  100. package/dist/cjs/Slide/slide.js +48 -8
  101. package/dist/cjs/Slide/slide.js.map +1 -1
  102. package/dist/cjs/Slider/index.js +6 -0
  103. package/dist/cjs/Slider/index.js.map +1 -0
  104. package/dist/cjs/Slider/slider.js +126 -0
  105. package/dist/cjs/Slider/slider.js.map +1 -0
  106. package/dist/cjs/Switch/index.js +6 -0
  107. package/dist/cjs/Switch/index.js.map +1 -0
  108. package/dist/cjs/Switch/switch.js +138 -0
  109. package/dist/cjs/Switch/switch.js.map +1 -0
  110. package/dist/cjs/Tabs/index.js.map +1 -1
  111. package/dist/cjs/Tabs/tab.js +42 -15
  112. package/dist/cjs/Tabs/tab.js.map +1 -1
  113. package/dist/cjs/Tabs/tabs.js +7 -3
  114. package/dist/cjs/Tabs/tabs.js.map +1 -1
  115. package/dist/cjs/TextField/text_field.js +25 -22
  116. package/dist/cjs/TextField/text_field.js.map +1 -1
  117. package/dist/cjs/TextareaField/index.js +6 -0
  118. package/dist/cjs/TextareaField/index.js.map +1 -0
  119. package/dist/cjs/TextareaField/textarea_field.js +144 -0
  120. package/dist/cjs/TextareaField/textarea_field.js.map +1 -0
  121. package/dist/cjs/Toast/index.js +8 -0
  122. package/dist/cjs/Toast/index.js.map +1 -0
  123. package/dist/cjs/Toast/toast.js +63 -0
  124. package/dist/cjs/Toast/toast.js.map +1 -0
  125. package/dist/cjs/Toast/toast_container.js +76 -0
  126. package/dist/cjs/Toast/toast_container.js.map +1 -0
  127. package/dist/cjs/Toast/toast_context.js +37 -0
  128. package/dist/cjs/Toast/toast_context.js.map +1 -0
  129. package/dist/cjs/Toast/toast_provider.js +121 -0
  130. package/dist/cjs/Toast/toast_provider.js.map +1 -0
  131. package/dist/cjs/Toast/use_toast.js +31 -0
  132. package/dist/cjs/Toast/use_toast.js.map +1 -0
  133. package/dist/cjs/Tooltip/index.js +6 -0
  134. package/dist/cjs/Tooltip/index.js.map +1 -0
  135. package/dist/cjs/Tooltip/tooltip.js +146 -0
  136. package/dist/cjs/Tooltip/tooltip.js.map +1 -0
  137. package/dist/cjs/Typography/index.js.map +1 -1
  138. package/dist/cjs/Typography/typography.js +44 -23
  139. package/dist/cjs/Typography/typography.js.map +1 -1
  140. package/dist/cjs/hooks/index.js +17 -1
  141. package/dist/cjs/hooks/index.js.map +1 -1
  142. package/dist/cjs/hooks/use_autocomplete.js +357 -0
  143. package/dist/cjs/hooks/use_autocomplete.js.map +1 -0
  144. package/dist/cjs/hooks/use_clipboard.js +57 -0
  145. package/dist/cjs/hooks/use_clipboard.js.map +1 -0
  146. package/dist/cjs/hooks/use_controllable.js +36 -0
  147. package/dist/cjs/hooks/use_controllable.js.map +1 -0
  148. package/dist/cjs/hooks/use_event_callback.js +48 -0
  149. package/dist/cjs/hooks/use_event_callback.js.map +1 -0
  150. package/dist/cjs/hooks/use_id.js +15 -0
  151. package/dist/cjs/hooks/use_id.js.map +1 -0
  152. package/dist/cjs/hooks/use_image.js +38 -0
  153. package/dist/cjs/hooks/use_image.js.map +1 -0
  154. package/dist/cjs/hooks/use_media_query.js +2 -2
  155. package/dist/cjs/hooks/use_media_query.js.map +1 -1
  156. package/dist/cjs/hooks/use_merged_ref.js +24 -0
  157. package/dist/cjs/hooks/use_merged_ref.js.map +1 -0
  158. package/dist/cjs/hooks/use_window_event_listener.js +22 -0
  159. package/dist/cjs/hooks/use_window_event_listener.js.map +1 -0
  160. package/dist/cjs/icons/arrow_drop_down_icon.js +22 -0
  161. package/dist/cjs/icons/arrow_drop_down_icon.js.map +1 -0
  162. package/dist/cjs/icons/check_circle_icon.js +23 -0
  163. package/dist/cjs/icons/check_circle_icon.js.map +1 -0
  164. package/dist/cjs/icons/check_icon.js +22 -0
  165. package/dist/cjs/icons/check_icon.js.map +1 -0
  166. package/dist/cjs/icons/close_circle_icon.js +23 -0
  167. package/dist/cjs/icons/close_circle_icon.js.map +1 -0
  168. package/dist/cjs/icons/close_icon.js +22 -0
  169. package/dist/cjs/icons/close_icon.js.map +1 -0
  170. package/dist/cjs/icons/close_small_icon.js +22 -0
  171. package/dist/cjs/icons/close_small_icon.js.map +1 -0
  172. package/dist/cjs/icons/dot_icon.js +22 -0
  173. package/dist/cjs/icons/dot_icon.js.map +1 -0
  174. package/dist/cjs/icons/index.js +22 -0
  175. package/dist/cjs/icons/index.js.map +1 -0
  176. package/dist/cjs/icons/plus_icon.js +22 -0
  177. package/dist/cjs/icons/plus_icon.js.map +1 -0
  178. package/dist/cjs/icons/warning_icon.js +24 -0
  179. package/dist/cjs/icons/warning_icon.js.map +1 -0
  180. package/dist/cjs/index.js +25 -1
  181. package/dist/cjs/index.js.map +1 -1
  182. package/dist/cjs/styles/colors/additional.js +0 -2
  183. package/dist/cjs/styles/colors/additional.js.map +1 -1
  184. package/dist/cjs/styles/colors/attention.js +24 -0
  185. package/dist/cjs/styles/colors/attention.js.map +1 -0
  186. package/dist/cjs/styles/colors/grayscale.js +11 -11
  187. package/dist/cjs/styles/colors/grayscale.js.map +1 -1
  188. package/dist/cjs/styles/colors/index.js +7 -1
  189. package/dist/cjs/styles/colors/index.js.map +1 -1
  190. package/dist/cjs/styles/colors/primary.js +1 -1
  191. package/dist/cjs/styles/colors/primary.js.map +1 -1
  192. package/dist/cjs/styles/colors/secondary.js +1 -1
  193. package/dist/cjs/styles/colors/secondary.js.map +1 -1
  194. package/dist/cjs/styles/colors/success.js +24 -0
  195. package/dist/cjs/styles/colors/success.js.map +1 -0
  196. package/dist/cjs/styles/colors/wrong.js +1 -1
  197. package/dist/cjs/styles/colors/wrong.js.map +1 -1
  198. package/dist/cjs/styles/css.js +1 -1
  199. package/dist/cjs/styles/css.js.map +1 -1
  200. package/dist/cjs/styles/default_theme.js +5 -3
  201. package/dist/cjs/styles/default_theme.js.map +1 -1
  202. package/dist/cjs/styles/index.js +8 -5
  203. package/dist/cjs/styles/index.js.map +1 -1
  204. package/dist/cjs/styles/sizes/base.js +26 -0
  205. package/dist/cjs/styles/sizes/base.js.map +1 -0
  206. package/dist/cjs/styles/sizes/index.js +7 -0
  207. package/dist/cjs/styles/sizes/index.js.map +1 -0
  208. package/dist/cjs/styles/theme_provider.js +36 -4
  209. package/dist/cjs/styles/theme_provider.js.map +1 -1
  210. package/dist/cjs/styles/utils.js +36 -51
  211. package/dist/cjs/styles/utils.js.map +1 -1
  212. package/dist/cjs/utils/owner_document.js +8 -0
  213. package/dist/cjs/utils/owner_document.js.map +1 -0
  214. package/dist/esm/Alert/alert.js +83 -0
  215. package/dist/esm/Alert/alert.js.map +1 -0
  216. package/dist/esm/Alert/index.js +2 -0
  217. package/dist/esm/Alert/index.js.map +1 -0
  218. package/dist/esm/Autocomplete/autocomplete.js +253 -0
  219. package/dist/esm/Autocomplete/autocomplete.js.map +1 -0
  220. package/dist/esm/Autocomplete/index.js +2 -0
  221. package/dist/esm/Autocomplete/index.js.map +1 -0
  222. package/dist/esm/Avatar/avatar.js +25 -49
  223. package/dist/esm/Avatar/avatar.js.map +1 -1
  224. package/dist/esm/Backdrop/backdrop.js +2 -2
  225. package/dist/esm/Backdrop/backdrop.js.map +1 -1
  226. package/dist/esm/Backdrop/index.js.map +1 -1
  227. package/dist/esm/Box/box.js +15 -8
  228. package/dist/esm/Box/box.js.map +1 -1
  229. package/dist/esm/Box/index.js +1 -1
  230. package/dist/esm/Box/index.js.map +1 -1
  231. package/dist/esm/Button/button.js +44 -25
  232. package/dist/esm/Button/button.js.map +1 -1
  233. package/dist/esm/Button/index.js +1 -1
  234. package/dist/esm/Button/index.js.map +1 -1
  235. package/dist/esm/ButtonBase/button_base.js +150 -42
  236. package/dist/esm/ButtonBase/button_base.js.map +1 -1
  237. package/dist/esm/ButtonBase/index.js +1 -1
  238. package/dist/esm/ButtonBase/index.js.map +1 -1
  239. package/dist/esm/Checkbox/checkbox.js +122 -0
  240. package/dist/esm/Checkbox/checkbox.js.map +1 -0
  241. package/dist/esm/Checkbox/index.js +2 -0
  242. package/dist/esm/Checkbox/index.js.map +1 -0
  243. package/dist/esm/Chip/chip.js +193 -0
  244. package/dist/esm/Chip/chip.js.map +1 -0
  245. package/dist/esm/Chip/index.js +2 -0
  246. package/dist/esm/Chip/index.js.map +1 -0
  247. package/dist/esm/CircularProgress/circular_progress.js +86 -0
  248. package/dist/esm/CircularProgress/circular_progress.js.map +1 -0
  249. package/dist/esm/CircularProgress/index.js +2 -0
  250. package/dist/esm/CircularProgress/index.js.map +1 -0
  251. package/dist/esm/Collapse/collapse.js +6 -6
  252. package/dist/esm/Collapse/collapse.js.map +1 -1
  253. package/dist/esm/Dialog/dialog.js +98 -0
  254. package/dist/esm/Dialog/dialog.js.map +1 -0
  255. package/dist/esm/Dialog/dialog_actions.js +46 -0
  256. package/dist/esm/Dialog/dialog_actions.js.map +1 -0
  257. package/dist/esm/Dialog/dialog_content.js +70 -0
  258. package/dist/esm/Dialog/dialog_content.js.map +1 -0
  259. package/dist/esm/Dialog/dialog_title.js +52 -0
  260. package/dist/esm/Dialog/dialog_title.js.map +1 -0
  261. package/dist/esm/Dialog/index.js +5 -0
  262. package/dist/esm/Dialog/index.js.map +1 -0
  263. package/dist/esm/Drawer/drawer.js +7 -4
  264. package/dist/esm/Drawer/drawer.js.map +1 -1
  265. package/dist/esm/Fab/fab.js +14 -4
  266. package/dist/esm/Fab/fab.js.map +1 -1
  267. package/dist/esm/Fab/index.js +1 -1
  268. package/dist/esm/Fab/index.js.map +1 -1
  269. package/dist/esm/Fade/fade.js +28 -7
  270. package/dist/esm/Fade/fade.js.map +1 -1
  271. package/dist/esm/FocusTrap/focus_trap.js +36 -0
  272. package/dist/esm/FocusTrap/focus_trap.js.map +1 -0
  273. package/dist/esm/FocusTrap/index.js +2 -0
  274. package/dist/esm/FocusTrap/index.js.map +1 -0
  275. package/dist/esm/IconButton/icon_button.js +57 -0
  276. package/dist/esm/IconButton/icon_button.js.map +1 -0
  277. package/dist/esm/IconButton/index.js +2 -0
  278. package/dist/esm/IconButton/index.js.map +1 -0
  279. package/dist/esm/Image/image.js +43 -0
  280. package/dist/esm/Image/image.js.map +1 -0
  281. package/dist/esm/Image/index.js +2 -0
  282. package/dist/esm/Image/index.js.map +1 -0
  283. package/dist/esm/LinearProgress/index.js +2 -0
  284. package/dist/esm/LinearProgress/index.js.map +1 -0
  285. package/dist/esm/LinearProgress/linear_progress.js +62 -0
  286. package/dist/esm/LinearProgress/linear_progress.js.map +1 -0
  287. package/dist/esm/Menu/index.js +2 -0
  288. package/dist/esm/Menu/index.js.map +1 -0
  289. package/dist/esm/Menu/menu.js +135 -0
  290. package/dist/esm/Menu/menu.js.map +1 -0
  291. package/dist/esm/Modal/index.js.map +1 -1
  292. package/dist/esm/Modal/modal.js +38 -8
  293. package/dist/esm/Modal/modal.js.map +1 -1
  294. package/dist/esm/OverridableComponent.js +2 -0
  295. package/dist/esm/OverridableComponent.js.map +1 -0
  296. package/dist/esm/Popover/index.js +2 -0
  297. package/dist/esm/Popover/index.js.map +1 -0
  298. package/dist/esm/Popover/popover.js +77 -0
  299. package/dist/esm/Popover/popover.js.map +1 -0
  300. package/dist/esm/Popper/index.js +2 -0
  301. package/dist/esm/Popper/index.js.map +1 -0
  302. package/dist/esm/Popper/popper.js +64 -0
  303. package/dist/esm/Popper/popper.js.map +1 -0
  304. package/dist/esm/Radio/index.js +2 -0
  305. package/dist/esm/Radio/index.js.map +1 -0
  306. package/dist/esm/Radio/radio.js +123 -0
  307. package/dist/esm/Radio/radio.js.map +1 -0
  308. package/dist/esm/Select/select.js +47 -24
  309. package/dist/esm/Select/select.js.map +1 -1
  310. package/dist/esm/Skeleton/index.js +2 -0
  311. package/dist/esm/Skeleton/index.js.map +1 -0
  312. package/dist/esm/Skeleton/skeleton.js +77 -0
  313. package/dist/esm/Skeleton/skeleton.js.map +1 -0
  314. package/dist/esm/Slide/slide.js +43 -6
  315. package/dist/esm/Slide/slide.js.map +1 -1
  316. package/dist/esm/Slider/index.js +2 -0
  317. package/dist/esm/Slider/index.js.map +1 -0
  318. package/dist/esm/Slider/slider.js +100 -0
  319. package/dist/esm/Slider/slider.js.map +1 -0
  320. package/dist/esm/Switch/index.js +2 -0
  321. package/dist/esm/Switch/index.js.map +1 -0
  322. package/dist/esm/Switch/switch.js +112 -0
  323. package/dist/esm/Switch/switch.js.map +1 -0
  324. package/dist/esm/Tabs/index.js +1 -1
  325. package/dist/esm/Tabs/index.js.map +1 -1
  326. package/dist/esm/Tabs/tab.js +36 -13
  327. package/dist/esm/Tabs/tab.js.map +1 -1
  328. package/dist/esm/Tabs/tabs.js.map +1 -1
  329. package/dist/esm/TextField/text_field.js +11 -12
  330. package/dist/esm/TextField/text_field.js.map +1 -1
  331. package/dist/esm/TextareaField/index.js +2 -0
  332. package/dist/esm/TextareaField/index.js.map +1 -0
  333. package/dist/esm/TextareaField/textarea_field.js +118 -0
  334. package/dist/esm/TextareaField/textarea_field.js.map +1 -0
  335. package/dist/esm/Toast/index.js +3 -0
  336. package/dist/esm/Toast/index.js.map +1 -0
  337. package/dist/esm/Toast/toast.js +36 -0
  338. package/dist/esm/Toast/toast.js.map +1 -0
  339. package/dist/esm/Toast/toast_container.js +49 -0
  340. package/dist/esm/Toast/toast_container.js.map +1 -0
  341. package/dist/esm/Toast/toast_context.js +11 -0
  342. package/dist/esm/Toast/toast_context.js.map +1 -0
  343. package/dist/esm/Toast/toast_provider.js +94 -0
  344. package/dist/esm/Toast/toast_provider.js.map +1 -0
  345. package/dist/esm/Toast/use_toast.js +4 -0
  346. package/dist/esm/Toast/use_toast.js.map +1 -0
  347. package/dist/esm/Tooltip/index.js +2 -0
  348. package/dist/esm/Tooltip/index.js.map +1 -0
  349. package/dist/esm/Tooltip/tooltip.js +139 -0
  350. package/dist/esm/Tooltip/tooltip.js.map +1 -0
  351. package/dist/esm/Typography/index.js +1 -1
  352. package/dist/esm/Typography/index.js.map +1 -1
  353. package/dist/esm/Typography/typography.js +35 -18
  354. package/dist/esm/Typography/typography.js.map +1 -1
  355. package/dist/esm/hooks/index.js +8 -0
  356. package/dist/esm/hooks/index.js.map +1 -1
  357. package/dist/esm/hooks/use_autocomplete.js +350 -0
  358. package/dist/esm/hooks/use_autocomplete.js.map +1 -0
  359. package/dist/esm/hooks/use_clipboard.js +50 -0
  360. package/dist/esm/hooks/use_clipboard.js.map +1 -0
  361. package/dist/esm/hooks/use_controllable.js +32 -0
  362. package/dist/esm/hooks/use_controllable.js.map +1 -0
  363. package/dist/esm/hooks/use_event_callback.js +21 -0
  364. package/dist/esm/hooks/use_event_callback.js.map +1 -0
  365. package/dist/esm/hooks/use_id.js +11 -0
  366. package/dist/esm/hooks/use_id.js.map +1 -0
  367. package/dist/esm/hooks/use_image.js +34 -0
  368. package/dist/esm/hooks/use_image.js.map +1 -0
  369. package/dist/esm/hooks/use_merged_ref.js +20 -0
  370. package/dist/esm/hooks/use_merged_ref.js.map +1 -0
  371. package/dist/esm/hooks/use_window_event_listener.js +15 -0
  372. package/dist/esm/hooks/use_window_event_listener.js.map +1 -0
  373. package/dist/esm/icons/arrow_drop_down_icon.js +15 -0
  374. package/dist/esm/icons/arrow_drop_down_icon.js.map +1 -0
  375. package/dist/esm/icons/check_circle_icon.js +16 -0
  376. package/dist/esm/icons/check_circle_icon.js.map +1 -0
  377. package/dist/esm/icons/check_icon.js +15 -0
  378. package/dist/esm/icons/check_icon.js.map +1 -0
  379. package/dist/esm/icons/close_circle_icon.js +16 -0
  380. package/dist/esm/icons/close_circle_icon.js.map +1 -0
  381. package/dist/esm/icons/close_icon.js +15 -0
  382. package/dist/esm/icons/close_icon.js.map +1 -0
  383. package/dist/esm/icons/close_small_icon.js +15 -0
  384. package/dist/esm/icons/close_small_icon.js.map +1 -0
  385. package/dist/esm/icons/dot_icon.js +15 -0
  386. package/dist/esm/icons/dot_icon.js.map +1 -0
  387. package/dist/esm/icons/index.js +10 -0
  388. package/dist/esm/icons/index.js.map +1 -0
  389. package/dist/esm/icons/plus_icon.js +15 -0
  390. package/dist/esm/icons/plus_icon.js.map +1 -0
  391. package/dist/esm/icons/warning_icon.js +17 -0
  392. package/dist/esm/icons/warning_icon.js.map +1 -0
  393. package/dist/esm/index.js +20 -0
  394. package/dist/esm/index.js.map +1 -1
  395. package/dist/esm/styles/colors/additional.js +0 -2
  396. package/dist/esm/styles/colors/additional.js.map +1 -1
  397. package/dist/esm/styles/colors/attention.js +20 -0
  398. package/dist/esm/styles/colors/attention.js.map +1 -0
  399. package/dist/esm/styles/colors/grayscale.js +11 -11
  400. package/dist/esm/styles/colors/grayscale.js.map +1 -1
  401. package/dist/esm/styles/colors/index.js +2 -0
  402. package/dist/esm/styles/colors/index.js.map +1 -1
  403. package/dist/esm/styles/colors/success.js +20 -0
  404. package/dist/esm/styles/colors/success.js.map +1 -0
  405. package/dist/esm/styles/default_theme.js +6 -4
  406. package/dist/esm/styles/default_theme.js.map +1 -1
  407. package/dist/esm/styles/index.js +1 -2
  408. package/dist/esm/styles/index.js.map +1 -1
  409. package/dist/esm/styles/sizes/base.js +22 -0
  410. package/dist/esm/styles/sizes/base.js.map +1 -0
  411. package/dist/esm/styles/sizes/index.js +2 -0
  412. package/dist/esm/styles/sizes/index.js.map +1 -0
  413. package/dist/esm/styles/theme_provider.js +13 -4
  414. package/dist/esm/styles/theme_provider.js.map +1 -1
  415. package/dist/esm/styles/utils.js +31 -48
  416. package/dist/esm/styles/utils.js.map +1 -1
  417. package/dist/esm/utils/owner_document.js +4 -0
  418. package/dist/esm/utils/owner_document.js.map +1 -0
  419. package/dist/esnext/Alert/alert.js +71 -0
  420. package/dist/esnext/Alert/alert.js.map +1 -0
  421. package/dist/esnext/Alert/index.js +2 -0
  422. package/dist/esnext/Alert/index.js.map +1 -0
  423. package/dist/esnext/Autocomplete/autocomplete.js +257 -0
  424. package/dist/esnext/Autocomplete/autocomplete.js.map +1 -0
  425. package/dist/esnext/Autocomplete/index.js +2 -0
  426. package/dist/esnext/Autocomplete/index.js.map +1 -0
  427. package/dist/esnext/Avatar/avatar.js +25 -49
  428. package/dist/esnext/Avatar/avatar.js.map +1 -1
  429. package/dist/esnext/Backdrop/backdrop.js +4 -4
  430. package/dist/esnext/Backdrop/backdrop.js.map +1 -1
  431. package/dist/esnext/Backdrop/index.js.map +1 -1
  432. package/dist/esnext/Box/box.js +13 -11
  433. package/dist/esnext/Box/box.js.map +1 -1
  434. package/dist/esnext/Box/index.js +1 -1
  435. package/dist/esnext/Box/index.js.map +1 -1
  436. package/dist/esnext/Button/button.js +59 -22
  437. package/dist/esnext/Button/button.js.map +1 -1
  438. package/dist/esnext/Button/index.js +1 -1
  439. package/dist/esnext/Button/index.js.map +1 -1
  440. package/dist/esnext/ButtonBase/button_base.js +150 -42
  441. package/dist/esnext/ButtonBase/button_base.js.map +1 -1
  442. package/dist/esnext/ButtonBase/index.js +1 -1
  443. package/dist/esnext/ButtonBase/index.js.map +1 -1
  444. package/dist/esnext/Checkbox/checkbox.js +99 -0
  445. package/dist/esnext/Checkbox/checkbox.js.map +1 -0
  446. package/dist/esnext/Checkbox/index.js +2 -0
  447. package/dist/esnext/Checkbox/index.js.map +1 -0
  448. package/dist/esnext/Chip/chip.js +203 -0
  449. package/dist/esnext/Chip/chip.js.map +1 -0
  450. package/dist/esnext/Chip/index.js +2 -0
  451. package/dist/esnext/Chip/index.js.map +1 -0
  452. package/dist/esnext/CircularProgress/circular_progress.js +78 -0
  453. package/dist/esnext/CircularProgress/circular_progress.js.map +1 -0
  454. package/dist/esnext/CircularProgress/index.js +2 -0
  455. package/dist/esnext/CircularProgress/index.js.map +1 -0
  456. package/dist/esnext/Collapse/collapse.js +6 -6
  457. package/dist/esnext/Collapse/collapse.js.map +1 -1
  458. package/dist/esnext/Dialog/dialog.js +89 -0
  459. package/dist/esnext/Dialog/dialog.js.map +1 -0
  460. package/dist/esnext/Dialog/dialog_actions.js +23 -0
  461. package/dist/esnext/Dialog/dialog_actions.js.map +1 -0
  462. package/dist/esnext/Dialog/dialog_content.js +47 -0
  463. package/dist/esnext/Dialog/dialog_content.js.map +1 -0
  464. package/dist/esnext/Dialog/dialog_title.js +29 -0
  465. package/dist/esnext/Dialog/dialog_title.js.map +1 -0
  466. package/dist/esnext/Dialog/index.js +5 -0
  467. package/dist/esnext/Dialog/index.js.map +1 -0
  468. package/dist/esnext/Drawer/drawer.js +8 -5
  469. package/dist/esnext/Drawer/drawer.js.map +1 -1
  470. package/dist/esnext/Fab/fab.js +16 -6
  471. package/dist/esnext/Fab/fab.js.map +1 -1
  472. package/dist/esnext/Fab/index.js +1 -1
  473. package/dist/esnext/Fab/index.js.map +1 -1
  474. package/dist/esnext/Fade/fade.js +20 -6
  475. package/dist/esnext/Fade/fade.js.map +1 -1
  476. package/dist/esnext/FocusTrap/focus_trap.js +31 -0
  477. package/dist/esnext/FocusTrap/focus_trap.js.map +1 -0
  478. package/dist/esnext/FocusTrap/index.js +2 -0
  479. package/dist/esnext/FocusTrap/index.js.map +1 -0
  480. package/dist/esnext/IconButton/icon_button.js +34 -0
  481. package/dist/esnext/IconButton/icon_button.js.map +1 -0
  482. package/dist/esnext/IconButton/index.js +2 -0
  483. package/dist/esnext/IconButton/index.js.map +1 -0
  484. package/dist/esnext/Image/image.js +21 -0
  485. package/dist/esnext/Image/image.js.map +1 -0
  486. package/dist/esnext/Image/index.js +2 -0
  487. package/dist/esnext/Image/index.js.map +1 -0
  488. package/dist/esnext/LinearProgress/index.js +2 -0
  489. package/dist/esnext/LinearProgress/index.js.map +1 -0
  490. package/dist/esnext/LinearProgress/linear_progress.js +41 -0
  491. package/dist/esnext/LinearProgress/linear_progress.js.map +1 -0
  492. package/dist/esnext/Menu/index.js +2 -0
  493. package/dist/esnext/Menu/index.js.map +1 -0
  494. package/dist/esnext/Menu/menu.js +114 -0
  495. package/dist/esnext/Menu/menu.js.map +1 -0
  496. package/dist/esnext/Modal/index.js.map +1 -1
  497. package/dist/esnext/Modal/modal.js +39 -9
  498. package/dist/esnext/Modal/modal.js.map +1 -1
  499. package/dist/esnext/OverridableComponent.js +2 -0
  500. package/dist/esnext/OverridableComponent.js.map +1 -0
  501. package/dist/esnext/Popover/index.js +2 -0
  502. package/dist/esnext/Popover/index.js.map +1 -0
  503. package/dist/esnext/Popover/popover.js +52 -0
  504. package/dist/esnext/Popover/popover.js.map +1 -0
  505. package/dist/esnext/Popper/index.js +2 -0
  506. package/dist/esnext/Popper/index.js.map +1 -0
  507. package/dist/esnext/Popper/popper.js +40 -0
  508. package/dist/esnext/Popper/popper.js.map +1 -0
  509. package/dist/esnext/Radio/index.js +2 -0
  510. package/dist/esnext/Radio/index.js.map +1 -0
  511. package/dist/esnext/Radio/radio.js +100 -0
  512. package/dist/esnext/Radio/radio.js.map +1 -0
  513. package/dist/esnext/Select/select.js +43 -20
  514. package/dist/esnext/Select/select.js.map +1 -1
  515. package/dist/esnext/Skeleton/index.js +2 -0
  516. package/dist/esnext/Skeleton/index.js.map +1 -0
  517. package/dist/esnext/Skeleton/skeleton.js +73 -0
  518. package/dist/esnext/Skeleton/skeleton.js.map +1 -0
  519. package/dist/esnext/Slide/slide.js +44 -7
  520. package/dist/esnext/Slide/slide.js.map +1 -1
  521. package/dist/esnext/Slider/index.js +2 -0
  522. package/dist/esnext/Slider/index.js.map +1 -0
  523. package/dist/esnext/Slider/slider.js +77 -0
  524. package/dist/esnext/Slider/slider.js.map +1 -0
  525. package/dist/esnext/Switch/index.js +2 -0
  526. package/dist/esnext/Switch/index.js.map +1 -0
  527. package/dist/esnext/Switch/switch.js +89 -0
  528. package/dist/esnext/Switch/switch.js.map +1 -0
  529. package/dist/esnext/Tabs/index.js +1 -1
  530. package/dist/esnext/Tabs/index.js.map +1 -1
  531. package/dist/esnext/Tabs/tab.js +37 -14
  532. package/dist/esnext/Tabs/tab.js.map +1 -1
  533. package/dist/esnext/Tabs/tabs.js +2 -2
  534. package/dist/esnext/Tabs/tabs.js.map +1 -1
  535. package/dist/esnext/TextField/text_field.js +12 -13
  536. package/dist/esnext/TextField/text_field.js.map +1 -1
  537. package/dist/esnext/TextareaField/index.js +2 -0
  538. package/dist/esnext/TextareaField/index.js.map +1 -0
  539. package/dist/esnext/TextareaField/textarea_field.js +95 -0
  540. package/dist/esnext/TextareaField/textarea_field.js.map +1 -0
  541. package/dist/esnext/Toast/index.js +3 -0
  542. package/dist/esnext/Toast/index.js.map +1 -0
  543. package/dist/esnext/Toast/toast.js +25 -0
  544. package/dist/esnext/Toast/toast.js.map +1 -0
  545. package/dist/esnext/Toast/toast_container.js +26 -0
  546. package/dist/esnext/Toast/toast_container.js.map +1 -0
  547. package/dist/esnext/Toast/toast_context.js +11 -0
  548. package/dist/esnext/Toast/toast_context.js.map +1 -0
  549. package/dist/esnext/Toast/toast_provider.js +80 -0
  550. package/dist/esnext/Toast/toast_provider.js.map +1 -0
  551. package/dist/esnext/Toast/use_toast.js +4 -0
  552. package/dist/esnext/Toast/use_toast.js.map +1 -0
  553. package/dist/esnext/Tooltip/index.js +2 -0
  554. package/dist/esnext/Tooltip/index.js.map +1 -0
  555. package/dist/esnext/Tooltip/tooltip.js +118 -0
  556. package/dist/esnext/Tooltip/tooltip.js.map +1 -0
  557. package/dist/esnext/Typography/index.js +1 -1
  558. package/dist/esnext/Typography/index.js.map +1 -1
  559. package/dist/esnext/Typography/typography.js +31 -19
  560. package/dist/esnext/Typography/typography.js.map +1 -1
  561. package/dist/esnext/hooks/index.js +8 -0
  562. package/dist/esnext/hooks/index.js.map +1 -1
  563. package/dist/esnext/hooks/use_autocomplete.js +345 -0
  564. package/dist/esnext/hooks/use_autocomplete.js.map +1 -0
  565. package/dist/esnext/hooks/use_clipboard.js +38 -0
  566. package/dist/esnext/hooks/use_clipboard.js.map +1 -0
  567. package/dist/esnext/hooks/use_controllable.js +26 -0
  568. package/dist/esnext/hooks/use_controllable.js.map +1 -0
  569. package/dist/esnext/hooks/use_event_callback.js +16 -0
  570. package/dist/esnext/hooks/use_event_callback.js.map +1 -0
  571. package/dist/esnext/hooks/use_id.js +11 -0
  572. package/dist/esnext/hooks/use_id.js.map +1 -0
  573. package/dist/esnext/hooks/use_image.js +33 -0
  574. package/dist/esnext/hooks/use_image.js.map +1 -0
  575. package/dist/esnext/hooks/use_merged_ref.js +14 -0
  576. package/dist/esnext/hooks/use_merged_ref.js.map +1 -0
  577. package/dist/esnext/hooks/use_window_event_listener.js +14 -0
  578. package/dist/esnext/hooks/use_window_event_listener.js.map +1 -0
  579. package/dist/esnext/icons/arrow_drop_down_icon.js +4 -0
  580. package/dist/esnext/icons/arrow_drop_down_icon.js.map +1 -0
  581. package/dist/esnext/icons/check_circle_icon.js +5 -0
  582. package/dist/esnext/icons/check_circle_icon.js.map +1 -0
  583. package/dist/esnext/icons/check_icon.js +4 -0
  584. package/dist/esnext/icons/check_icon.js.map +1 -0
  585. package/dist/esnext/icons/close_circle_icon.js +5 -0
  586. package/dist/esnext/icons/close_circle_icon.js.map +1 -0
  587. package/dist/esnext/icons/close_icon.js +4 -0
  588. package/dist/esnext/icons/close_icon.js.map +1 -0
  589. package/dist/esnext/icons/close_small_icon.js +4 -0
  590. package/dist/esnext/icons/close_small_icon.js.map +1 -0
  591. package/dist/esnext/icons/dot_icon.js +4 -0
  592. package/dist/esnext/icons/dot_icon.js.map +1 -0
  593. package/dist/esnext/icons/index.js +10 -0
  594. package/dist/esnext/icons/index.js.map +1 -0
  595. package/dist/esnext/icons/plus_icon.js +4 -0
  596. package/dist/esnext/icons/plus_icon.js.map +1 -0
  597. package/dist/esnext/icons/warning_icon.js +6 -0
  598. package/dist/esnext/icons/warning_icon.js.map +1 -0
  599. package/dist/esnext/index.js +20 -0
  600. package/dist/esnext/index.js.map +1 -1
  601. package/dist/esnext/styles/colors/additional.js +0 -2
  602. package/dist/esnext/styles/colors/additional.js.map +1 -1
  603. package/dist/esnext/styles/colors/attention.js +19 -0
  604. package/dist/esnext/styles/colors/attention.js.map +1 -0
  605. package/dist/esnext/styles/colors/grayscale.js +11 -11
  606. package/dist/esnext/styles/colors/grayscale.js.map +1 -1
  607. package/dist/esnext/styles/colors/index.js +2 -0
  608. package/dist/esnext/styles/colors/index.js.map +1 -1
  609. package/dist/esnext/styles/colors/success.js +19 -0
  610. package/dist/esnext/styles/colors/success.js.map +1 -0
  611. package/dist/esnext/styles/default_theme.js +24 -6
  612. package/dist/esnext/styles/default_theme.js.map +1 -1
  613. package/dist/esnext/styles/index.js +1 -2
  614. package/dist/esnext/styles/index.js.map +1 -1
  615. package/dist/esnext/styles/sizes/base.js +19 -0
  616. package/dist/esnext/styles/sizes/base.js.map +1 -0
  617. package/dist/esnext/styles/sizes/index.js +2 -0
  618. package/dist/esnext/styles/sizes/index.js.map +1 -0
  619. package/dist/esnext/styles/theme_provider.js +13 -4
  620. package/dist/esnext/styles/theme_provider.js.map +1 -1
  621. package/dist/esnext/styles/utils.js +37 -52
  622. package/dist/esnext/styles/utils.js.map +1 -1
  623. package/dist/esnext/utils/owner_document.js +4 -0
  624. package/dist/esnext/utils/owner_document.js.map +1 -0
  625. package/dist/types/Alert/alert.d.ts +27 -0
  626. package/dist/types/Alert/index.d.ts +1 -0
  627. package/dist/types/Autocomplete/autocomplete.d.ts +94 -0
  628. package/dist/types/Autocomplete/index.d.ts +1 -0
  629. package/dist/types/Avatar/avatar.d.ts +29 -9
  630. package/dist/types/Backdrop/backdrop.d.ts +4 -0
  631. package/dist/types/Backdrop/index.d.ts +1 -1
  632. package/dist/types/Box/box.d.ts +16 -9
  633. package/dist/types/Box/index.d.ts +1 -1
  634. package/dist/types/Button/button.d.ts +29 -10
  635. package/dist/types/Button/index.d.ts +1 -1
  636. package/dist/types/ButtonBase/button_base.d.ts +26 -7
  637. package/dist/types/ButtonBase/index.d.ts +1 -1
  638. package/dist/types/Checkbox/checkbox.d.ts +43 -0
  639. package/dist/types/Checkbox/index.d.ts +1 -0
  640. package/dist/types/Chip/chip.d.ts +50 -0
  641. package/dist/types/Chip/index.d.ts +1 -0
  642. package/dist/types/CircularProgress/circular_progress.d.ts +21 -0
  643. package/dist/types/CircularProgress/index.d.ts +1 -0
  644. package/dist/types/Dialog/dialog.d.ts +51 -0
  645. package/dist/types/Dialog/dialog_actions.d.ts +13 -0
  646. package/dist/types/Dialog/dialog_content.d.ts +21 -0
  647. package/dist/types/Dialog/dialog_title.d.ts +17 -0
  648. package/dist/types/Dialog/index.d.ts +4 -0
  649. package/dist/types/Drawer/drawer.d.ts +16 -5
  650. package/dist/types/Fab/fab.d.ts +22 -4
  651. package/dist/types/Fab/index.d.ts +1 -1
  652. package/dist/types/Fade/fade.d.ts +5 -2
  653. package/dist/types/FocusTrap/focus_trap.d.ts +19 -0
  654. package/dist/types/FocusTrap/index.d.ts +1 -0
  655. package/dist/types/IconButton/icon_button.d.ts +23 -0
  656. package/dist/types/IconButton/index.d.ts +1 -0
  657. package/dist/types/Image/image.d.ts +22 -0
  658. package/dist/types/Image/index.d.ts +1 -0
  659. package/dist/types/LinearProgress/index.d.ts +1 -0
  660. package/dist/types/LinearProgress/linear_progress.d.ts +17 -0
  661. package/dist/types/Menu/index.d.ts +1 -0
  662. package/dist/types/Menu/menu.d.ts +35 -0
  663. package/dist/types/Modal/index.d.ts +1 -1
  664. package/dist/types/Modal/modal.d.ts +37 -6
  665. package/dist/types/OverridableComponent.d.ts +50 -0
  666. package/dist/types/Popover/index.d.ts +1 -0
  667. package/dist/types/Popover/popover.d.ts +36 -0
  668. package/dist/types/Popper/index.d.ts +1 -0
  669. package/dist/types/Popper/popper.d.ts +31 -0
  670. package/dist/types/Radio/index.d.ts +1 -0
  671. package/dist/types/Radio/radio.d.ts +47 -0
  672. package/dist/types/Select/select.d.ts +9 -6
  673. package/dist/types/Skeleton/index.d.ts +1 -0
  674. package/dist/types/Skeleton/skeleton.d.ts +36 -0
  675. package/dist/types/Slide/slide.d.ts +6 -3
  676. package/dist/types/Slider/index.d.ts +1 -0
  677. package/dist/types/Slider/slider.d.ts +40 -0
  678. package/dist/types/Switch/index.d.ts +1 -0
  679. package/dist/types/Switch/switch.d.ts +43 -0
  680. package/dist/types/Tabs/index.d.ts +1 -1
  681. package/dist/types/Tabs/tab.d.ts +21 -5
  682. package/dist/types/Tabs/tabs.d.ts +5 -2
  683. package/dist/types/TextField/text_field.d.ts +14 -7
  684. package/dist/types/TextareaField/index.d.ts +1 -0
  685. package/dist/types/TextareaField/textarea_field.d.ts +72 -0
  686. package/dist/types/Toast/index.d.ts +3 -0
  687. package/dist/types/Toast/toast.d.ts +26 -0
  688. package/dist/types/Toast/toast_container.d.ts +10 -0
  689. package/dist/types/Toast/toast_context.d.ts +39 -0
  690. package/dist/types/Toast/toast_provider.d.ts +18 -0
  691. package/dist/types/Toast/use_toast.d.ts +2 -0
  692. package/dist/types/Tooltip/index.d.ts +1 -0
  693. package/dist/types/Tooltip/tooltip.d.ts +51 -0
  694. package/dist/types/Typography/index.d.ts +1 -1
  695. package/dist/types/Typography/typography.d.ts +16 -9
  696. package/dist/types/hooks/index.d.ts +8 -0
  697. package/dist/types/hooks/use_autocomplete.d.ts +97 -0
  698. package/dist/types/hooks/use_clipboard.d.ts +26 -0
  699. package/dist/types/hooks/use_controllable.d.ts +24 -0
  700. package/dist/types/hooks/use_event_callback.d.ts +4 -0
  701. package/dist/types/hooks/use_id.d.ts +5 -0
  702. package/dist/types/hooks/use_image.d.ts +34 -0
  703. package/dist/types/hooks/use_merged_ref.d.ts +6 -0
  704. package/dist/types/hooks/use_window_event_listener.d.ts +2 -0
  705. package/dist/types/icons/arrow_drop_down_icon.d.ts +4 -0
  706. package/dist/types/icons/check_circle_icon.d.ts +4 -0
  707. package/dist/types/icons/check_icon.d.ts +4 -0
  708. package/dist/types/icons/close_circle_icon.d.ts +4 -0
  709. package/dist/types/icons/close_icon.d.ts +4 -0
  710. package/dist/types/icons/close_small_icon.d.ts +4 -0
  711. package/dist/types/icons/dot_icon.d.ts +4 -0
  712. package/dist/types/icons/index.d.ts +9 -0
  713. package/dist/types/icons/plus_icon.d.ts +4 -0
  714. package/dist/types/icons/warning_icon.d.ts +4 -0
  715. package/dist/types/index.d.ts +20 -0
  716. package/dist/types/styles/colors/additional.d.ts +0 -2
  717. package/dist/types/styles/colors/attention.d.ts +26 -0
  718. package/dist/types/styles/colors/grayscale.d.ts +11 -11
  719. package/dist/types/styles/colors/index.d.ts +2 -0
  720. package/dist/types/styles/colors/success.d.ts +26 -0
  721. package/dist/types/styles/index.d.ts +1 -2
  722. package/dist/types/styles/sizes/base.d.ts +34 -0
  723. package/dist/types/styles/sizes/index.d.ts +1 -0
  724. package/dist/types/styles/theme_provider.d.ts +2 -0
  725. package/dist/types/styles/types.d.ts +12 -4
  726. package/dist/types/styles/utils.d.ts +30 -9
  727. package/dist/types/utils/owner_document.d.ts +1 -0
  728. package/dist/types/utils/use_enhanced_effect.d.ts +2 -2
  729. package/package.json +44 -24
@@ -1,45 +1,82 @@
1
1
  import * as React from 'react';
2
2
  import { css, cx } from '../styles';
3
3
  import { ButtonBase } from '../ButtonBase';
4
+ /**
5
+ *
6
+ */
7
+ /**
8
+ * Styles.
9
+ */
4
10
  const stylesBase = () => css({
5
11
  label: 'Button',
6
12
  borderRadius: '4px',
7
13
  });
8
- const stylesSizeSmall = (circled) => css({
14
+ const stylesSizeSmall = (props) => css({
9
15
  label: 'small',
10
- height: '30px',
11
- minWidth: '30px',
12
- padding: '0 10px',
13
- borderRadius: circled ? '30px' : undefined,
16
+ height: 'var(--pv-size-base-6)',
17
+ minWidth: 'var(--pv-size-base-6)',
18
+ ...(props.circled && {
19
+ borderRadius: 'var(--pv-size-base-6)',
20
+ }),
21
+ ...(!props.withoutPadding && {
22
+ padding: '0 var(--pv-size-base-2)',
23
+ }),
14
24
  });
15
- const stylesSizeMedium = (circled) => css({
25
+ const stylesSizeMedium = (props) => css({
16
26
  label: 'medium',
17
- height: '35px',
18
- minWidth: '35px',
19
- padding: '0 15px',
20
- borderRadius: circled ? '35px' : undefined,
27
+ height: 'var(--pv-size-base-7)',
28
+ minWidth: 'var(--pv-size-base-7)',
29
+ ...(props.circled && {
30
+ borderRadius: 'var(--pv-size-base-7)',
31
+ }),
32
+ ...(!props.withoutPadding && {
33
+ padding: '0 var(--pv-size-base-3)',
34
+ }),
21
35
  });
22
- const stylesSizeLarge = (circled) => css({
36
+ const stylesSizeLarge = (props) => css({
23
37
  label: 'large',
24
- height: '40px',
25
- minWidth: '40px',
26
- padding: '0 20px',
27
- borderRadius: circled ? '40px' : undefined,
38
+ height: 'var(--pv-size-base-8)',
39
+ minWidth: 'var(--pv-size-base-8)',
40
+ ...(props.circled && {
41
+ borderRadius: 'var(--pv-size-base-8)',
42
+ }),
43
+ ...(!props.withoutPadding && {
44
+ padding: '0 var(--pv-size-base-4)',
45
+ }),
28
46
  });
47
+ const stylesStartIcon = () => css({
48
+ label: 'Button-startIcon',
49
+ marginRight: 'var(--pv-size-base)',
50
+ display: 'inherit',
51
+ });
52
+ const stylesEndIcon = () => css({
53
+ label: 'Button-endIcon',
54
+ marginLeft: 'var(--pv-size-base)',
55
+ display: 'inherit',
56
+ });
57
+ /**
58
+ *
59
+ */
29
60
  export const Button = React.forwardRef((props, ref) => {
30
- const { children, className, size, circled, ...other } = props;
31
- return (React.createElement(ButtonBase, Object.assign({}, other, { ref: ref, className: cx({
61
+ const { children, className, size, circled, startIcon: startIconProp, endIcon: endIconProp, withoutPadding, ...other } = props;
62
+ const startIcon = startIconProp && (React.createElement("span", { className: cx(stylesStartIcon()) }, startIconProp));
63
+ const endIcon = endIconProp && (React.createElement("span", { className: cx(stylesEndIcon()) }, endIconProp));
64
+ return (React.createElement(ButtonBase, { ...other, ref: ref, className: cx({
32
65
  [stylesBase()]: true,
33
- [stylesSizeSmall(circled)]: size === 'small',
34
- [stylesSizeMedium(circled)]: size === 'medium',
35
- [stylesSizeLarge(circled)]: size === 'large',
66
+ [stylesSizeSmall(props)]: size === 'small',
67
+ [stylesSizeMedium(props)]: size === 'medium',
68
+ [stylesSizeLarge(props)]: size === 'large',
36
69
  [className]: !!className,
37
- }), size: size }), children));
70
+ }), size: size },
71
+ startIcon,
72
+ children,
73
+ endIcon));
38
74
  });
39
75
  Button.displayName = 'Button';
40
76
  Button.defaultProps = {
41
77
  disabled: false,
42
- variant: 'primary',
78
+ variant: 'text',
79
+ color: 'default',
43
80
  size: 'medium',
44
81
  };
45
82
  //# sourceMappingURL=button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/Button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC;AAQ5D,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,QAAQ;IACf,YAAY,EAAE,KAAK;CACpB,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CAAC,OAAiB,EAAE,EAAE,CAAC,GAAG,CAAC;IACjD,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,QAAQ;IACjB,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;CAC3C,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAG,CAAC,OAAiB,EAAE,EAAE,CAAC,GAAG,CAAC;IAClD,KAAK,EAAE,QAAQ;IACf,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,QAAQ;IACjB,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;CAC3C,CAAC,CAAC;AAEH,MAAM,eAAe,GAAG,CAAC,OAAiB,EAAE,EAAE,CAAC,GAAG,CAAC;IACjD,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,MAAM;IAChB,OAAO,EAAE,QAAQ;IACjB,YAAY,EAAE,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS;CAC3C,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CAAiC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpF,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,OAAO,EACP,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,oBAAC,UAAU,oBACL,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,KAAK,OAAO;YAC5C,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,KAAK,QAAQ;YAC9C,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC,EAAE,IAAI,KAAK,OAAO;YAC5C,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,IAAI,EAAE,IAAI,KAET,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,MAAM,CAAC,YAAY,GAAG;IACpB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,SAAS;IAClB,IAAI,EAAE,QAAQ;CACf,CAAC"}
1
+ {"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/Button/button.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- export { Button } from './button';
1
+ export { Button, } from './button';
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Button/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,MAAM,GAGP,MAAM,UAAU,CAAC"}
@@ -1,6 +1,12 @@
1
1
  import * as React from 'react';
2
2
  import { css, cx } from '../styles';
3
3
  import { Typography } from '../Typography';
4
+ /**
5
+ *
6
+ */
7
+ /**
8
+ * Styles.
9
+ */
4
10
  const stylesBase = () => css({
5
11
  label: 'ButtonBase',
6
12
  fontFamily: 'inherit',
@@ -9,37 +15,124 @@ const stylesBase = () => css({
9
15
  boxSizing: 'border-box',
10
16
  border: '1px solid transparent',
11
17
  transition: 'background-color 200ms, color 200ms, box-shadow 200ms, border-color 200ms',
18
+ userSelect: 'none',
19
+ whiteSpace: 'nowrap',
20
+ display: 'inline-flex',
21
+ alignItems: 'center',
22
+ justifyContent: 'center',
23
+ verticalAlign: 'middle',
24
+ backgroundColor: 'transparent',
25
+ padding: 0,
26
+ textDecoration: 'none',
12
27
  '&:disabled': {
13
28
  cursor: 'not-allowed',
14
29
  boxShadow: 'none',
15
30
  },
16
31
  });
17
- const stylesVariantPrimary = () => css({
18
- label: 'primary',
32
+ const stylesVariantTextColorDefault = () => css({
33
+ color: 'var(--pv-color-black)',
34
+ '&:not(:disabled)': {
35
+ '&:hover': {
36
+ backgroundColor: 'var(--pv-color-gray-3)',
37
+ },
38
+ '&:focus': {
39
+ backgroundColor: 'var(--pv-color-gray-4)',
40
+ },
41
+ '&:active': {
42
+ backgroundColor: 'var(--pv-color-gray-5)',
43
+ },
44
+ },
45
+ });
46
+ const stylesVariantTextColorWhite = () => css({
19
47
  color: 'var(--pv-color-white)',
20
- backgroundColor: 'var(--pv-color-primary)',
21
- boxShadow: 'var(--pv-shadow-light-low)',
22
48
  '&:not(:disabled)': {
23
49
  '&:hover': {
24
- backgroundColor: 'var(--pv-color-primary-tint-1)',
50
+ backgroundColor: 'var(--pv-color-gray-7)',
51
+ },
52
+ '&:focus': {
53
+ backgroundColor: 'var(--pv-color-gray-8)',
54
+ },
55
+ '&:active': {
56
+ backgroundColor: 'var(--pv-color-gray-9)',
57
+ },
58
+ },
59
+ });
60
+ const stylesVariantTextColor = (color) => css({
61
+ color: `var(--pv-color-${color})`,
62
+ '&:not(:disabled)': {
63
+ '&:hover': {
64
+ backgroundColor: `var(--pv-color-${color}-tint-5)`,
65
+ },
66
+ '&:focus': {
67
+ backgroundColor: `var(--pv-color-${color}-tint-4)`,
68
+ },
69
+ '&:active': {
70
+ backgroundColor: `var(--pv-color-${color}-tint-3)`,
71
+ },
72
+ },
73
+ });
74
+ const stylesVariantText = () => css({
75
+ '&:disabled': {
76
+ color: 'var(--pv-color-gray-7)',
77
+ },
78
+ });
79
+ const stylesVariantContainedColorDefault = () => css({
80
+ backgroundColor: 'var(--pv-color-gray-8)',
81
+ color: 'var(--pv-color-black)',
82
+ '&:not(:disabled)': {
83
+ '&:hover': {
84
+ backgroundColor: 'var(--pv-color-gray-7)',
85
+ },
86
+ '&:focus': {
87
+ backgroundColor: 'var(--pv-color-gray-6)',
88
+ },
89
+ '&:active': {
90
+ backgroundColor: 'var(--pv-color-gray-5)',
91
+ boxShadow: 'var(--pv-shadow-light-medium)',
92
+ },
93
+ },
94
+ });
95
+ const stylesVariantContainedColorWhite = () => css({
96
+ backgroundColor: 'var(--pv-color-white)',
97
+ color: 'var(--pv-color-black)',
98
+ '&:not(:disabled)': {
99
+ '&:hover': {
100
+ backgroundColor: 'var(--pv-color-gray-7)',
25
101
  },
26
102
  '&:focus': {
27
- backgroundColor: 'var(--pv-color-primary-tint-2)',
103
+ backgroundColor: 'var(--pv-color-gray-6)',
28
104
  },
29
105
  '&:active': {
30
- backgroundColor: 'var(--pv-color-primary-tint-2)',
106
+ backgroundColor: 'var(--pv-color-gray-5)',
31
107
  boxShadow: 'var(--pv-shadow-light-medium)',
32
108
  },
33
109
  },
110
+ });
111
+ const stylesVariantContainedColor = (color) => css({
112
+ backgroundColor: `var(--pv-color-${color})`,
113
+ color: `var(--pv-color-${color}-contrast)`,
114
+ '&:not(:disabled)': {
115
+ '&:hover': {
116
+ backgroundColor: `var(--pv-color-${color}-tint-1)`,
117
+ },
118
+ '&:focus': {
119
+ backgroundColor: `var(--pv-color-${color}-tint-2)`,
120
+ },
121
+ '&:active': {
122
+ backgroundColor: `var(--pv-color-${color}-tint-2)`,
123
+ boxShadow: 'var(--pv-shadow-light-medium)',
124
+ },
125
+ },
126
+ });
127
+ const stylesVariantContained = () => css({
128
+ boxShadow: 'var(--pv-shadow-light-low)',
34
129
  '&:disabled': {
35
130
  color: 'var(--pv-color-gray-8)',
36
131
  backgroundColor: 'var(--pv-color-gray-4)',
37
132
  },
38
133
  });
39
- const stylesVariantSecondary = () => css({
40
- label: 'secondary',
134
+ const stylesVariantOutlinedColorDefault = () => css({
41
135
  color: 'var(--pv-color-black)',
42
- backgroundColor: 'transparent',
43
136
  borderColor: 'var(--pv-color-gray-8)',
44
137
  '&:not(:disabled)': {
45
138
  '&:hover': {
@@ -52,63 +145,78 @@ const stylesVariantSecondary = () => css({
52
145
  backgroundColor: 'var(--pv-color-gray-5)',
53
146
  },
54
147
  },
55
- '&:disabled': {
56
- color: 'var(--pv-color-gray-7)',
57
- },
58
148
  });
59
- const stylesVariantWrong = () => css({
60
- label: 'wrong',
149
+ const stylesVariantOutlinedColorWhite = () => css({
61
150
  color: 'var(--pv-color-white)',
62
- backgroundColor: 'var(--pv-color-wrong)',
63
- boxShadow: 'var(--pv-shadow-light-low)',
151
+ borderColor: 'var(--pv-color-white)',
64
152
  '&:not(:disabled)': {
65
153
  '&:hover': {
66
- backgroundColor: 'var(--pv-color-wrong-tint-1)',
154
+ backgroundColor: 'var(--pv-color-gray-7)',
67
155
  },
68
156
  '&:focus': {
69
- backgroundColor: 'var(--pv-color-wrong-tint-2)',
157
+ backgroundColor: 'var(--pv-color-gray-8)',
70
158
  },
71
159
  '&:active': {
72
- backgroundColor: 'var(--pv-color-wrong-tint-2)',
73
- boxShadow: 'var(--pv-shadow-light-medium)',
160
+ backgroundColor: 'var(--pv-color-gray-9)',
74
161
  },
75
162
  },
76
- '&:disabled': {
77
- color: 'var(--pv-color-gray-8)',
78
- backgroundColor: 'var(--pv-color-gray-4)',
79
- },
80
163
  });
81
- const stylesVariantTertiary = () => css({
82
- label: 'tertiary',
83
- color: 'var(--pv-color-secondary)',
84
- backgroundColor: 'transparent',
164
+ const stylesVariantOutlinedColor = (color) => css({
165
+ color: `var(--pv-color-${color})`,
166
+ borderColor: `var(--pv-color-${color}-tint-2)`,
85
167
  '&:not(:disabled)': {
86
168
  '&:hover': {
87
- backgroundColor: 'var(--pv-color-secondary-tint-5)',
169
+ backgroundColor: `var(--pv-color-${color}-tint-5)`,
88
170
  },
89
171
  '&:focus': {
90
- backgroundColor: 'var(--pv-color-secondary-tint-4)',
172
+ backgroundColor: `var(--pv-color-${color}-tint-4)`,
91
173
  },
92
174
  '&:active': {
93
- backgroundColor: 'var(--pv-color-secondary-tint-3)',
175
+ backgroundColor: `var(--pv-color-${color}-tint-3)`,
94
176
  },
95
177
  },
178
+ });
179
+ const stylesVariantOutlined = () => css({
96
180
  '&:disabled': {
97
- color: 'var(--pv-color-gray-7)',
181
+ color: 'var(--pv-color-gray-8)',
182
+ borderColor: 'var(--pv-color-gray-4)',
98
183
  },
99
184
  });
185
+ const stylesLabel = () => css({
186
+ label: 'ButtonBase-label',
187
+ width: '100%',
188
+ display: 'inherit',
189
+ alignItems: 'inherit',
190
+ justifyContent: 'inherit',
191
+ });
192
+ /**
193
+ *
194
+ */
100
195
  export const ButtonBase = React.forwardRef((props, ref) => {
101
- const { variant, size, className, children, dataTestId, ...other } = props;
102
- return (React.createElement("button", Object.assign({}, other, { ref: ref, type: "button", className: cx({
196
+ const { variant, textVariant: textVariantProp, color, size, className, children, disabled, type = 'button', component, ...other } = props;
197
+ const Component = component || 'button';
198
+ const textVariant = textVariantProp || (size === 'small' ? 'btn2' : 'btn1');
199
+ return (React.createElement(Component, { ...other, ref: ref, type: type, disabled: disabled, className: cx({
103
200
  [stylesBase()]: true,
104
- [stylesVariantPrimary()]: variant === 'primary',
105
- [stylesVariantSecondary()]: variant === 'secondary',
106
- [stylesVariantWrong()]: variant === 'wrong',
107
- [stylesVariantTertiary()]: variant === 'tertiary',
201
+ [stylesVariantTextColorDefault()]: variant === 'text' && color === 'default',
202
+ [stylesVariantTextColorWhite()]: variant === 'text' && color === 'white',
203
+ [stylesVariantTextColor(color)]: variant === 'text' && !['white', 'default'].includes(color),
204
+ [stylesVariantText()]: variant === 'text',
205
+ [stylesVariantContainedColorDefault()]: variant === 'contained' && color === 'default',
206
+ [stylesVariantContainedColorWhite()]: variant === 'contained' && color === 'white',
207
+ [stylesVariantContainedColor(color)]: variant === 'contained' && !['white', 'default'].includes(color),
208
+ [stylesVariantContained()]: variant === 'contained',
209
+ [stylesVariantOutlinedColorDefault()]: variant === 'outlined' && color === 'default',
210
+ [stylesVariantOutlinedColorWhite()]: variant === 'outlined' && color === 'white',
211
+ [stylesVariantOutlinedColor(color)]: variant === 'outlined' && !['white', 'default'].includes(color),
212
+ [stylesVariantOutlined()]: variant === 'outlined',
108
213
  [className]: !!className,
109
- }), "data-testid": dataTestId }),
110
- React.createElement(Typography, { variant: size === 'small' ? 'btn2' : 'btn1' }, children)));
214
+ }) },
215
+ React.createElement(Typography, { variant: textVariant, className: cx(stylesLabel()), color: "inherit" }, children)));
111
216
  });
112
217
  ButtonBase.displayName = 'ButtonBase';
113
- ButtonBase.defaultProps = {};
218
+ ButtonBase.defaultProps = {
219
+ variant: 'text',
220
+ color: 'default',
221
+ };
114
222
  //# sourceMappingURL=button_base.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"button_base.js","sourceRoot":"","sources":["../../../src/ButtonBase/button_base.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"button_base.js","sourceRoot":"","sources":["../../../src/ButtonBase/button_base.tsx"],"names":[],"mappings":"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"}
@@ -1,2 +1,2 @@
1
- export { ButtonBase } from './button_base';
1
+ export { ButtonBase, } from './button_base';
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAmB,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/ButtonBase/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,UAAU,GAGX,MAAM,eAAe,CAAC"}
@@ -0,0 +1,99 @@
1
+ import * as React from 'react';
2
+ import { Box } from '../Box';
3
+ import { CheckIcon } from '../icons';
4
+ import { useId } from '../hooks';
5
+ import { css, cx } from '../styles';
6
+ const stylesBase = () => css({
7
+ label: 'Checkbox',
8
+ cursor: 'pointer',
9
+ display: 'inline-flex',
10
+ width: 'var(--pv-size-base-4)',
11
+ height: 'var(--pv-size-base-4)',
12
+ borderRadius: '50%',
13
+ justifyContent: 'center',
14
+ alignItems: 'center',
15
+ });
16
+ const stylesBaseDisabled = () => css({
17
+ label: 'disabled',
18
+ cursor: 'not-allowed',
19
+ });
20
+ const stylesInput = () => css({
21
+ label: 'Checkbox-input',
22
+ overflow: 'hidden',
23
+ width: '100%',
24
+ height: '100%',
25
+ margin: 0,
26
+ padding: 0,
27
+ cursor: 'inherit',
28
+ borderRadius: '2px',
29
+ borderWidth: '2px',
30
+ borderStyle: 'solid',
31
+ appearance: 'none',
32
+ borderColor: 'var(--pv-color-gray-9)',
33
+ backgroundColor: 'transparent',
34
+ '&:checked': {
35
+ backgroundColor: 'var(--pv-color-primary)',
36
+ borderColor: 'var(--pv-color-primary-shade-1)',
37
+ '+ [aria-hidden]': {
38
+ opacity: 1,
39
+ },
40
+ },
41
+ '&:disabled': {
42
+ borderColor: 'var(--pv-color-gray-6)',
43
+ '&:checked': {
44
+ backgroundColor: 'var(--pv-color-gray-6)',
45
+ borderColor: 'var(--pv-color-gray-7)',
46
+ },
47
+ },
48
+ });
49
+ const stylesControl = () => css({
50
+ label: 'Checkbox-control',
51
+ width: 'var(--pv-size-base-4)',
52
+ height: 'var(--pv-size-base-4)',
53
+ position: 'relative',
54
+ color: 'var(--pv-color-white)',
55
+ '&:after': {
56
+ top: '-10px',
57
+ left: '-10px',
58
+ right: '-10px',
59
+ bottom: '-10px',
60
+ content: '""',
61
+ position: 'absolute',
62
+ borderRadius: '50%',
63
+ },
64
+ });
65
+ const stylesIcon = () => css({
66
+ label: 'Checkbox-icon',
67
+ display: 'block',
68
+ position: 'absolute',
69
+ top: 0,
70
+ left: 0,
71
+ width: '100%',
72
+ height: '100%',
73
+ opacity: 0,
74
+ });
75
+ export const Checkbox = React.forwardRef((props, ref) => {
76
+ const { checked, defaultChecked, required, inputProps, className, disabled, id: idProp, checkedIcon, onChange, ...other } = props;
77
+ const id = useId(idProp);
78
+ const renderIcon = () => {
79
+ const baseIconProps = {
80
+ 'aria-hidden': true,
81
+ className: cx(stylesIcon()),
82
+ };
83
+ if (checkedIcon) {
84
+ return React.cloneElement(checkedIcon, baseIconProps);
85
+ }
86
+ return (React.createElement(CheckIcon, { ...baseIconProps }));
87
+ };
88
+ return (React.createElement("label", { ...other, ref: ref, htmlFor: id, className: cx({
89
+ [stylesBase()]: true,
90
+ [stylesBaseDisabled()]: disabled,
91
+ [className]: !!className,
92
+ }) },
93
+ React.createElement(Box, { component: "span", className: cx(stylesControl()) },
94
+ React.createElement("input", { ...inputProps, type: "checkbox", id: id, checked: checked, defaultChecked: defaultChecked, required: required, disabled: disabled, className: cx(stylesInput()), onChange: onChange }),
95
+ renderIcon())));
96
+ });
97
+ Checkbox.displayName = 'Checkbox';
98
+ Checkbox.defaultProps = {};
99
+ //# sourceMappingURL=checkbox.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../../src/Checkbox/checkbox.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { Checkbox } from './checkbox';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC"}