@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,3 +1,3 @@
1
1
  export { Tabs } from './tabs';
2
- export { Tab } from './tab';
2
+ export { Tab, } from './tab';
3
3
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Tabs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EACL,GAAG,GAGJ,MAAM,OAAO,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: 'Tab',
6
12
  fontFamily: 'inherit',
@@ -9,11 +15,15 @@ const stylesBase = () => css({
9
15
  boxSizing: 'border-box',
10
16
  border: 0,
11
17
  borderBottom: '3px solid transparent',
12
- minHeight: '60px',
18
+ minHeight: 'var(--pv-size-base-12)',
13
19
  height: '100%',
14
- padding: '0 15px',
20
+ padding: '0 var(--pv-size-base-3)',
15
21
  backgroundColor: 'transparent',
16
22
  transition: 'background-color 200ms, color 200ms, border-color 200ms',
23
+ display: 'inline-flex',
24
+ alignItems: 'center',
25
+ justifyContent: 'center',
26
+ textDecoration: 'none',
17
27
  '&:disabled': {
18
28
  cursor: 'not-allowed',
19
29
  },
@@ -32,30 +42,43 @@ const stylesBase = () => css({
32
42
  },
33
43
  },
34
44
  });
45
+ /**
46
+ *
47
+ */
35
48
  export const Tab = React.forwardRef((props, ref) => {
36
- const { children, className, disabled, id,
49
+ const { children, className, disabled, id, color = 'black', component, onChange,
37
50
  // @ts-ignore
38
- selected, onChange, ...other } = props;
39
- let color = 'gray-9';
40
- if (disabled) {
41
- color = 'gray-7';
42
- }
43
- else if (selected) {
44
- color = 'black';
45
- }
51
+ selected, ...other } = props;
52
+ const Component = component || 'button';
53
+ const textColor = React.useMemo(() => {
54
+ if (disabled) {
55
+ return 'gray-7';
56
+ }
57
+ if (color === 'white') {
58
+ if (selected) {
59
+ return 'white';
60
+ }
61
+ return 'gray-9';
62
+ }
63
+ if (selected) {
64
+ return 'black';
65
+ }
66
+ return 'gray-10';
67
+ }, [disabled, selected, color]);
46
68
  const handleClick = (event) => {
47
69
  if (!selected && onChange) {
48
70
  onChange(event, id);
49
71
  }
50
72
  };
51
- return (React.createElement("button", Object.assign({}, other, { type: "button", ref: ref, role: "tab", disabled: disabled, id: id, "aria-selected": selected || undefined, className: cx({
73
+ return (React.createElement(Component, { ...other, type: "button", ref: ref, role: "tab", disabled: disabled, id: id, "aria-selected": selected || undefined, className: cx({
52
74
  [stylesBase()]: true,
53
75
  [className]: !!className,
54
- }), onClick: handleClick }),
55
- React.createElement(Typography, { variant: "s2", as: "span", color: color }, children)));
76
+ }), onClick: handleClick },
77
+ React.createElement(Typography, { variant: "s2", component: "span", color: textColor }, children)));
56
78
  });
57
79
  Tab.displayName = 'Tab';
58
80
  Tab.defaultProps = {
59
81
  disabled: false,
82
+ color: 'black',
60
83
  };
61
84
  //# sourceMappingURL=tab.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAa,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAwB3C,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,uBAAuB;IACrC,SAAS,EAAE,MAAM;IACjB,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,QAAQ;IACjB,eAAe,EAAE,aAAa;IAC9B,UAAU,EAAE,yDAAyD;IACrE,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;KACtB;IACD,kBAAkB,EAAE;QAClB,WAAW,EAAE,2BAA2B;KACzC;IACD,kBAAkB,EAAE;QAClB,SAAS,EAAE;YACT,eAAe,EAAE,kCAAkC;SACpD;QACD,SAAS,EAAE;YACT,eAAe,EAAE,kCAAkC;SACpD;QACD,UAAU,EAAE;YACV,eAAe,EAAE,kCAAkC;SACpD;KACF;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAkC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAClF,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,EAAE;IACF,aAAa;IACb,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,IAAI,KAAK,GAAc,QAAQ,CAAC;IAEhC,IAAI,QAAQ,EAAE;QACZ,KAAK,GAAG,QAAQ,CAAC;KAClB;SAAM,IAAI,QAAQ,EAAE;QACnB,KAAK,GAAG,OAAO,CAAC;KACjB;IAED,MAAM,WAAW,GAAG,CAAC,KAAsD,EAAE,EAAE;QAC7E,IAAI,CAAC,QAAQ,IAAI,QAAQ,EAAE;YACzB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,gDACM,KAAK,IACT,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,mBACS,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,OAAO,EAAE,WAAW;QAEpB,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,EAAE,EAAC,MAAM,EACT,KAAK,EAAE,KAAK,IAEX,QAAQ,CACE,CACN,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,GAAG,CAAC,YAAY,GAAG;IACjB,QAAQ,EAAE,KAAK;CAChB,CAAC"}
1
+ {"version":3,"file":"tab.js","sourceRoot":"","sources":["../../../src/Tabs/tab.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAa,MAAM,WAAW,CAAC;AAC/C,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAuC3C;;GAEG;AAEH;;GAEG;AACH,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,KAAK;IACZ,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,SAAS;IACjB,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,uBAAuB;IACrC,SAAS,EAAE,wBAAwB;IACnC,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,yBAAyB;IAClC,eAAe,EAAE,aAAa;IAC9B,UAAU,EAAE,yDAAyD;IACrE,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,cAAc,EAAE,MAAM;IACtB,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;KACtB;IACD,kBAAkB,EAAE;QAClB,WAAW,EAAE,2BAA2B;KACzC;IACD,kBAAkB,EAAE;QAClB,SAAS,EAAE;YACT,eAAe,EAAE,kCAAkC;SACpD;QACD,SAAS,EAAE;YACT,eAAe,EAAE,kCAAkC;SACpD;QACD,UAAU,EAAE;YACV,eAAe,EAAE,kCAAkC;SACpD;KACF;CACF,CAAC,CAAC;AACH;;GAEG;AAEH,MAAM,CAAC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAChE,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,QAAQ,EACR,EAAE,EACF,KAAK,GAAG,OAAO,EACf,SAAS,EACT,QAAQ;IACR,aAAa;IACb,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IACV,MAAM,SAAS,GAAG,SAAS,IAAI,QAAQ,CAAC;IAExC,MAAM,SAAS,GAAc,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;QAC9C,IAAI,QAAQ,EAAE;YACZ,OAAO,QAAQ,CAAC;SACjB;QAED,IAAI,KAAK,KAAK,OAAO,EAAE;YACrB,IAAI,QAAQ,EAAE;gBACZ,OAAO,OAAO,CAAC;aAChB;YAED,OAAO,QAAQ,CAAC;SACjB;QAED,IAAI,QAAQ,EAAE;YACZ,OAAO,OAAO,CAAC;SAChB;QAED,OAAO,SAAS,CAAC;IACnB,CAAC,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAC;IAEhC,MAAM,WAAW,GAAG,CAAC,KAAsD,EAAE,EAAE;QAC7E,IAAI,CAAC,QAAQ,IAAI,QAAQ,EAAE;YACzB,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;SACrB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,SAAS,OACJ,KAAK,EACT,IAAI,EAAC,QAAQ,EACb,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,KAAK,EACV,QAAQ,EAAE,QAAQ,EAClB,EAAE,EAAE,EAAE,mBACS,QAAQ,IAAI,SAAS,EACpC,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,EACF,OAAO,EAAE,WAAW;QAEpB,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,SAAS,EAAC,MAAM,EAChB,KAAK,EAAE,SAAS,IAEf,QAAQ,CACE,CACH,CACb,CAAC;AACJ,CAAC,CAAqC,CAAC;AAEvC,GAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,GAAG,CAAC,YAAY,GAAG;IACjB,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,OAAO;CACf,CAAC"}
@@ -23,9 +23,9 @@ export const Tabs = React.forwardRef((props, ref) => {
23
23
  onChange,
24
24
  });
25
25
  });
26
- return (React.createElement("div", Object.assign({}, other, { ref: ref, role: "tablist", className: cx({
26
+ return (React.createElement("div", { ...other, ref: ref, role: "tablist", className: cx({
27
27
  [stylesBase()]: true,
28
28
  [className]: !!className,
29
- }) }), children));
29
+ }) }, children));
30
30
  });
31
31
  //# sourceMappingURL=tabs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/Tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAqBpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAgC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACjF,MAAM,EACJ,QAAQ,EAAE,YAAY,EACtB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,KAAK,EAAE,EAAE;QAC1D,IAAI,CAAC,KAAK,CAAC,cAAc,CAAa,KAAK,CAAC,EAAE;YAC5C,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE;YACpC,OAAO,CAAC,KAAK,CAAC,yEAAyE,CAAC,CAAC;YAEzF,OAAO,IAAI,CAAC;SACb;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,UAAU,KAAK,KAAK,CAAC;QAEtC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,aAAa;YACb,QAAQ;YACR,QAAQ;SACT,CAAC,CAAC;IACL,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,6CACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,KAED,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
1
+ {"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../../src/Tabs/tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAwBpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,MAAM;IACb,UAAU,EAAE,QAAQ;IACpB,SAAS,EAAE,MAAM;CAClB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAA4B,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7E,MAAM,EACJ,QAAQ,EAAE,YAAY,EACtB,SAAS,EACT,QAAQ,EACR,KAAK,EACL,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,CAAC,GAAG,CACjC,YAAY,EACZ,CAAC,KAA+C,EAAE,EAAE;QAClD,IAAI,CAAC,KAAK,CAAC,cAAc,CAAa,KAAK,CAAC,EAAE;YAC5C,OAAO,IAAI,CAAC;SACb;QAED,IAAI,KAAK,CAAC,IAAI,CAAC,WAAW,KAAK,KAAK,EAAE;YACpC,OAAO,CAAC,KAAK,CAAC,yEAAyE,CAAC,CAAC;YAEzF,OAAO,IAAI,CAAC;SACb;QAED,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,CAAC,EAAE,CAAC;QAClC,MAAM,QAAQ,GAAG,UAAU,KAAK,KAAK,CAAC;QAEtC,OAAO,KAAK,CAAC,YAAY,CAAC,KAAK,EAAE;YAC/B,aAAa;YACb,QAAQ;YACR,QAAQ;SACT,CAAC,CAAC;IACL,CAAC,CACF,CAAC;IAEF,OAAO,CACL,gCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,SAAS,EACd,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,IAED,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC,CAAC"}
@@ -8,14 +8,14 @@ const stylesInputBase = () => css({
8
8
  boxSizing: 'border-box',
9
9
  width: '100%',
10
10
  borderRadius: '4px',
11
- padding: '0 36px 0 10px',
11
+ padding: '0 var(--pv-size-base-2)',
12
12
  color: 'var(--pv-color-black)',
13
13
  backgroundColor: 'var(--pv-color-gray-1)',
14
14
  borderStyle: 'solid',
15
15
  borderWidth: '1px',
16
16
  borderColor: 'var(--pv-color-gray-8)',
17
17
  transition: 'background-color 200ms, color 200ms, border-color 200ms',
18
- display: 'block',
18
+ display: 'inline-flex',
19
19
  appearance: 'none',
20
20
  '&::placeholder': {
21
21
  color: 'var(--pv-color-gray-9)',
@@ -43,45 +43,44 @@ const stylesInputBase = () => css({
43
43
  }, {
44
44
  fontWeight: 'var(--pv-text-c1-weight)',
45
45
  fontSize: 'var(--pv-text-c1-size)',
46
- lineHeight: 'var(--pv-text-c1-height)',
47
46
  letterSpacing: 'var(--pv-text-c1-spacing)',
48
47
  });
49
48
  const stylesInputSizeSmall = () => css({
50
49
  label: 'small',
51
- height: '30px',
50
+ height: 'var(--pv-size-base-6)',
52
51
  });
53
52
  const stylesInputSizeMedium = () => css({
54
53
  label: 'medium',
55
- height: '35px',
54
+ height: 'var(--pv-size-base-7)',
56
55
  });
57
56
  const stylesInputSizeLarge = () => css({
58
57
  label: 'large',
59
- height: '40px',
58
+ height: 'var(--pv-size-base-8)',
60
59
  });
61
60
  const stylesLabel = () => css({
62
- label: 'TextFieldLabel',
61
+ label: 'TextField-label',
63
62
  marginBottom: '2px',
64
63
  display: 'inline-block',
65
64
  });
66
65
  const stylesError = () => css({
67
- label: 'TextFieldError',
66
+ label: 'TextField-error',
68
67
  marginTop: '2px',
69
68
  });
70
69
  export const TextField = React.forwardRef((props, ref) => {
71
- const { size, className, label, onChange, dataTestId, inputProps, disabled, defaultValue, id, value, placeholder, required, name, inputRef, error, errorText, autoFocus, readOnly, ...other } = props;
72
- return (React.createElement("div", Object.assign({}, other, { ref: ref, "data-testid": dataTestId, className: className }),
70
+ const { size, className, label, inputProps, disabled, defaultValue, id, value, placeholder, required, name, inputRef, error, errorText, autoFocus, readOnly, type = 'text', onChange, ...other } = props;
71
+ return (React.createElement("div", { ...other, ref: ref, className: className },
73
72
  label && (React.createElement("label", { htmlFor: id, className: cx({
74
73
  [stylesLabel()]: true,
75
74
  }) },
76
- React.createElement(Typography, { as: "span", variant: "c2", color: "gray-10" }, label))),
77
- React.createElement("input", Object.assign({}, inputProps, { type: "text", disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef,
75
+ React.createElement(Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
76
+ React.createElement("input", { ...inputProps, type: type, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef,
78
77
  // eslint-disable-next-line jsx-a11y/no-autofocus
79
78
  autoFocus: autoFocus, className: cx({
80
79
  [stylesInputBase()]: true,
81
80
  [stylesInputSizeSmall()]: size === 'small',
82
81
  [stylesInputSizeMedium()]: size === 'medium',
83
82
  [stylesInputSizeLarge()]: size === 'large',
84
- }), "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly })),
83
+ }), "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly }),
85
84
  error && errorText && (React.createElement(Typography, { variant: "c2", color: "wrong", className: cx({
86
85
  [stylesError()]: true,
87
86
  }) }, errorText))));
@@ -1 +1 @@
1
- {"version":3,"file":"text_field.js","sourceRoot":"","sources":["../../../src/TextField/text_field.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"text_field.js","sourceRoot":"","sources":["../../../src/TextField/text_field.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,2 @@
1
+ export { TextareaField } from './textarea_field';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/TextareaField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
@@ -0,0 +1,95 @@
1
+ import * as React from 'react';
2
+ import { css, cx } from '../styles';
3
+ import { Typography } from '../Typography';
4
+ const stylesInputBase = () => css({
5
+ label: 'TextareaField',
6
+ fontFamily: 'inherit',
7
+ outline: 'none',
8
+ boxSizing: 'border-box',
9
+ width: '100%',
10
+ borderRadius: '4px',
11
+ padding: 'var(--pv-size-base) var(--pv-size-base-2)',
12
+ color: 'var(--pv-color-black)',
13
+ backgroundColor: 'var(--pv-color-gray-1)',
14
+ borderStyle: 'solid',
15
+ borderWidth: '1px',
16
+ borderColor: 'var(--pv-color-gray-8)',
17
+ transition: 'background-color 200ms, color 200ms, border-color 200ms',
18
+ display: 'block',
19
+ appearance: 'none',
20
+ resize: 'none',
21
+ '&::placeholder': {
22
+ color: 'var(--pv-color-gray-9)',
23
+ },
24
+ '&:hover': {
25
+ backgroundColor: 'var(--pv-color-gray-3)',
26
+ borderColor: 'var(--pv-color-gray-7)',
27
+ },
28
+ '&:disabled': {
29
+ cursor: 'not-allowed',
30
+ backgroundColor: 'var(--pv-color-gray-1)',
31
+ borderColor: 'var(--pv-color-gray-5)',
32
+ color: 'var(--pv-color-gray-7)',
33
+ },
34
+ '&:not(:disabled)': {
35
+ '&[aria-invalid]': {
36
+ backgroundColor: 'var(--pv-color-wrong-tint-5)',
37
+ borderColor: 'var(--pv-color-wrong-tint-3)',
38
+ },
39
+ '&:focus': {
40
+ backgroundColor: 'var(--pv-color-secondary-tint-5)',
41
+ borderColor: 'var(--pv-color-secondary-tint-3)',
42
+ },
43
+ },
44
+ }, {
45
+ fontWeight: 'var(--pv-text-c1-weight)',
46
+ fontSize: 'var(--pv-text-c1-size)',
47
+ lineHeight: 'var(--pv-text-c1-height)',
48
+ letterSpacing: 'var(--pv-text-c1-spacing)',
49
+ });
50
+ const stylesInputSizeSmall = () => css({
51
+ label: 'small',
52
+ minHeight: 'var(--pv-size-base-12)',
53
+ });
54
+ const stylesInputSizeMedium = () => css({
55
+ label: 'medium',
56
+ minHeight: 'var(--pv-size-base-14)',
57
+ });
58
+ const stylesInputSizeLarge = () => css({
59
+ label: 'large',
60
+ minHeight: 'var(--pv-size-base-16)',
61
+ });
62
+ const stylesLabel = () => css({
63
+ label: 'TextareaField-label',
64
+ marginBottom: '2px',
65
+ display: 'inline-block',
66
+ });
67
+ const stylesError = () => css({
68
+ label: 'TextareaField-error',
69
+ marginTop: '2px',
70
+ });
71
+ export const TextareaField = React.forwardRef((props, ref) => {
72
+ const { size, className, label, onChange, inputProps, disabled, defaultValue, id, value, placeholder, required, name, inputRef, error, errorText, autoFocus, readOnly, ...other } = props;
73
+ return (React.createElement("div", { ...other, ref: ref, className: className },
74
+ label && (React.createElement("label", { htmlFor: id, className: cx({
75
+ [stylesLabel()]: true,
76
+ }) },
77
+ React.createElement(Typography, { component: "span", variant: "c2", color: "gray-10" }, label))),
78
+ React.createElement("textarea", { ...inputProps, disabled: disabled, defaultValue: defaultValue, id: id, value: value, required: required, name: name, ref: inputRef,
79
+ // eslint-disable-next-line jsx-a11y/no-autofocus
80
+ autoFocus: autoFocus, className: cx({
81
+ [stylesInputBase()]: true,
82
+ [stylesInputSizeSmall()]: size === 'small',
83
+ [stylesInputSizeMedium()]: size === 'medium',
84
+ [stylesInputSizeLarge()]: size === 'large',
85
+ }), "aria-invalid": error || undefined, onChange: onChange, placeholder: placeholder, readOnly: readOnly }),
86
+ error && errorText && (React.createElement(Typography, { variant: "c2", color: "wrong", className: cx({
87
+ [stylesError()]: true,
88
+ }) }, errorText))));
89
+ });
90
+ TextareaField.displayName = 'TextareaField';
91
+ TextareaField.defaultProps = {
92
+ disabled: false,
93
+ size: 'medium',
94
+ };
95
+ //# sourceMappingURL=textarea_field.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"textarea_field.js","sourceRoot":"","sources":["../../../src/TextareaField/textarea_field.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,EAAE,MAAM,eAAe,CAAC;AA8E3C,MAAM,eAAe,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAChC,KAAK,EAAE,eAAe;IACtB,UAAU,EAAE,SAAS;IACrB,OAAO,EAAE,MAAM;IACf,SAAS,EAAE,YAAY;IACvB,KAAK,EAAE,MAAM;IACb,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,2CAA2C;IACpD,KAAK,EAAE,uBAAuB;IAC9B,eAAe,EAAE,wBAAwB;IACzC,WAAW,EAAE,OAAO;IACpB,WAAW,EAAE,KAAK;IAClB,WAAW,EAAE,wBAAwB;IACrC,UAAU,EAAE,yDAAyD;IACrE,OAAO,EAAE,OAAO;IAChB,UAAU,EAAE,MAAM;IAClB,MAAM,EAAE,MAAM;IACd,gBAAgB,EAAE;QAChB,KAAK,EAAE,wBAAwB;KAChC;IACD,SAAS,EAAE;QACT,eAAe,EAAE,wBAAwB;QACzC,WAAW,EAAE,wBAAwB;KACtC;IACD,YAAY,EAAE;QACZ,MAAM,EAAE,aAAa;QACrB,eAAe,EAAE,wBAAwB;QACzC,WAAW,EAAE,wBAAwB;QACrC,KAAK,EAAE,wBAAwB;KAChC;IACD,kBAAkB,EAAE;QAClB,iBAAiB,EAAE;YACjB,eAAe,EAAE,8BAA8B;YAC/C,WAAW,EAAE,8BAA8B;SAC5C;QACD,SAAS,EAAE;YACT,eAAe,EAAE,kCAAkC;YACnD,WAAW,EAAE,kCAAkC;SAChD;KACF;CACF,EAAE;IACD,UAAU,EAAE,0BAA0B;IACtC,QAAQ,EAAE,wBAAwB;IAClC,UAAU,EAAE,0BAA0B;IACtC,aAAa,EAAE,2BAA2B;CACpC,CAAC,CAAC;AAEV,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IACrC,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,wBAAwB;CACpC,CAAC,CAAC;AAEH,MAAM,qBAAqB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IACtC,KAAK,EAAE,QAAQ;IACf,SAAS,EAAE,wBAAwB;CACpC,CAAC,CAAC;AAEH,MAAM,oBAAoB,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IACrC,KAAK,EAAE,OAAO;IACd,SAAS,EAAE,wBAAwB;CACpC,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC5B,KAAK,EAAE,qBAAqB;IAC5B,YAAY,EAAE,KAAK;IACnB,OAAO,EAAE,cAAc;CACxB,CAAC,CAAC;AAEH,MAAM,WAAW,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC5B,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,KAAK;CACjB,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAAqC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC/F,MAAM,EACJ,IAAI,EACJ,SAAS,EACT,KAAK,EACL,QAAQ,EACR,UAAU,EACV,QAAQ,EACR,YAAY,EACZ,EAAE,EACF,KAAK,EACL,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,GAAG,KAAK,CAAC;IAEV,OAAO,CACL,gCACM,KAAK,EACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS;QAEnB,KAAK,IAAI,CACR,+BACE,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,EAAE,CAAC;gBACZ,CAAC,WAAW,EAAE,CAAC,EAAE,IAAI;aACtB,CAAC;YAEF,oBAAC,UAAU,IACT,SAAS,EAAC,MAAM,EAChB,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,SAAS,IAEd,KAAK,CACK,CACP,CACT;QACD,qCACM,UAAU,EACd,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,GAAG,EAAE,QAAQ;YACb,iDAAiD;YACjD,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,EAAE,CAAC;gBACZ,CAAC,eAAe,EAAE,CAAC,EAAE,IAAI;gBACzB,CAAC,oBAAoB,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;gBAC1C,CAAC,qBAAqB,EAAE,CAAC,EAAE,IAAI,KAAK,QAAQ;gBAC5C,CAAC,oBAAoB,EAAE,CAAC,EAAE,IAAI,KAAK,OAAO;aAC3C,CAAC,kBACY,KAAK,IAAI,SAAS,EAChC,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,GAClB;QACD,KAAK,IAAI,SAAS,IAAI,CACrB,oBAAC,UAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,EACb,SAAS,EAAE,EAAE,CAAC;gBACZ,CAAC,WAAW,EAAE,CAAC,EAAE,IAAI;aACtB,CAAC,IAED,SAAS,CACC,CACd,CACG,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,aAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,KAAK;IACf,IAAI,EAAE,QAAQ;CACf,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { ToastProvider } from './toast_provider';
2
+ export { useToast } from './use_toast';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Toast/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC"}
@@ -0,0 +1,25 @@
1
+ import * as React from 'react';
2
+ import { Alert } from '../Alert';
3
+ import { Fade } from '../Fade';
4
+ export const Toast = (props) => {
5
+ const { id, duration, isClosable, alertProps, children, onClose, } = props;
6
+ const handleClose = () => {
7
+ onClose(id);
8
+ };
9
+ React.useEffect(() => {
10
+ if (duration > 0) {
11
+ const timeout = window.setTimeout(handleClose, duration);
12
+ return () => {
13
+ clearTimeout(timeout);
14
+ };
15
+ }
16
+ return null;
17
+ });
18
+ return (React.createElement(Fade, { in: true },
19
+ React.createElement(Alert, { ...alertProps, onClose: isClosable ? handleClose : undefined }, children)));
20
+ };
21
+ Toast.displayName = 'Toast';
22
+ Toast.defaultProps = {
23
+ duration: 4000,
24
+ };
25
+ //# sourceMappingURL=toast.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toast.js","sourceRoot":"","sources":["../../../src/Toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,KAAK,EAAc,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAyB/B,MAAM,CAAC,MAAM,KAAK,GAAwB,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,EACJ,EAAE,EACF,QAAQ,EACR,UAAU,EACV,UAAU,EACV,QAAQ,EACR,OAAO,GACR,GAAG,KAAK,CAAC;IAEV,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,CAAC;IAEF,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,GAAG,CAAC,EAAE;YAChB,MAAM,OAAO,GAAG,MAAM,CAAC,UAAU,CAC/B,WAAW,EACX,QAAQ,CACT,CAAC;YAEF,OAAO,GAAG,EAAE;gBACV,YAAY,CAAC,OAAO,CAAC,CAAC;YACxB,CAAC,CAAC;SACH;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,oBAAC,IAAI,IAAC,EAAE;QACN,oBAAC,KAAK,OACA,UAAU,EACd,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,IAE5C,QAAQ,CACH,CACH,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,KAAK,CAAC,WAAW,GAAG,OAAO,CAAC;AAE5B,KAAK,CAAC,YAAY,GAAG;IACnB,QAAQ,EAAE,IAAI;CACf,CAAC"}
@@ -0,0 +1,26 @@
1
+ import * as React from 'react';
2
+ import { css, cx } from '../styles';
3
+ const stylesBase = () => css({
4
+ label: 'ToastContainer',
5
+ position: 'fixed',
6
+ bottom: 0,
7
+ padding: '10px',
8
+ zIndex: 1300,
9
+ width: '100%',
10
+ maxWidth: '460px',
11
+ wordBreak: 'break-word',
12
+ left: '50%',
13
+ transform: 'translateX(-50%)',
14
+ '& > * + *': {
15
+ marginTop: '10px',
16
+ },
17
+ });
18
+ export const ToastContainer = (props) => {
19
+ const { children, className, ...other } = props;
20
+ return (React.createElement("div", { className: cx({
21
+ [stylesBase()]: true,
22
+ [className]: !!className,
23
+ }), ...other }, children));
24
+ };
25
+ ToastContainer.displayName = 'ToastContainer';
26
+ //# sourceMappingURL=toast_container.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toast_container.js","sourceRoot":"","sources":["../../../src/Toast/toast_container.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,WAAW,CAAC;AAWpC,MAAM,UAAU,GAAG,GAAG,EAAE,CAAC,GAAG,CAAC;IAC3B,KAAK,EAAE,gBAAgB;IACvB,QAAQ,EAAE,OAAO;IACjB,MAAM,EAAE,CAAC;IACT,OAAO,EAAE,MAAM;IACf,MAAM,EAAE,IAAI;IACZ,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,OAAO;IACjB,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,KAAK;IACX,SAAS,EAAE,kBAAkB;IAC7B,WAAW,EAAE;QACX,SAAS,EAAE,MAAM;KAClB;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,KAAK,EAAE,EAAE;IACrE,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,GAAG,KAAK,CAAC;IAEhD,OAAO,CACL,6BACE,SAAS,EAAE,EAAE,CAAC;YACZ,CAAC,UAAU,EAAE,CAAC,EAAE,IAAI;YACpB,CAAC,SAAS,CAAC,EAAE,CAAC,CAAC,SAAS;SACzB,CAAC,KACE,KAAK,IAER,QAAQ,CACL,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,cAAc,CAAC,WAAW,GAAG,gBAAgB,CAAC"}
@@ -0,0 +1,11 @@
1
+ import * as React from 'react';
2
+ const stub = () => {
3
+ throw new Error('You forgot to wrap your component in <ToastProvider>.');
4
+ };
5
+ const initialContext = {
6
+ addToast: stub,
7
+ removeToast: stub,
8
+ removeAllToasts: stub,
9
+ };
10
+ export const ToastContext = React.createContext(initialContext);
11
+ //# sourceMappingURL=toast_context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toast_context.js","sourceRoot":"","sources":["../../../src/Toast/toast_context.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA0C/B,MAAM,IAAI,GAAG,GAAU,EAAE;IACvB,MAAM,IAAI,KAAK,CAAC,uDAAuD,CAAC,CAAC;AAC3E,CAAC,CAAC;AAEF,MAAM,cAAc,GAAqB;IACvC,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,IAAI;IACjB,eAAe,EAAE,IAAI;CACtB,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,aAAa,CAAmB,cAAc,CAAC,CAAC"}
@@ -0,0 +1,80 @@
1
+ import * as React from 'react';
2
+ import { ToastContext, } from './toast_context';
3
+ import { ToastContainer } from './toast_container';
4
+ import { Portal } from '../Portal';
5
+ import { Toast } from './toast';
6
+ export const ToastProvider = (props) => {
7
+ const { children, toastContainerProps, maxToasts = 1, } = props;
8
+ const [toasts, setToasts] = React.useState([]);
9
+ const [queue, setQueue] = React.useState([]);
10
+ const addToast = React.useCallback((options) => {
11
+ const id = options.id || `${Date.now()}${Math.random()}`;
12
+ const newToast = {
13
+ ...options,
14
+ id,
15
+ createdAt: Date.now(),
16
+ };
17
+ const inQueue = queue.findIndex((item) => item.id === id);
18
+ if (inQueue > -1) {
19
+ return;
20
+ }
21
+ const inToasts = toasts.findIndex((item) => item.id === id);
22
+ if (inToasts > -1) {
23
+ return;
24
+ }
25
+ if (toasts.length >= maxToasts) {
26
+ setQueue((prevState) => ([
27
+ ...prevState,
28
+ newToast,
29
+ ]));
30
+ return;
31
+ }
32
+ setToasts((prevState) => ([
33
+ ...prevState,
34
+ newToast,
35
+ ]));
36
+ }, [toasts, queue]);
37
+ const removeToast = React.useCallback((id) => {
38
+ const inToasts = toasts.findIndex((item) => item.id === id);
39
+ if (inToasts > -1 && queue.length) {
40
+ return setQueue((prevQueue) => {
41
+ setToasts((prevToasts) => {
42
+ const newList = [...prevToasts];
43
+ newList.splice(inToasts, 1);
44
+ newList.push(prevQueue[0]);
45
+ return newList;
46
+ });
47
+ return prevQueue.slice(1, prevQueue.length);
48
+ });
49
+ }
50
+ if (inToasts > -1) {
51
+ return setToasts((prevToasts) => prevToasts.filter((item) => item.id !== id));
52
+ }
53
+ const inQueue = queue.findIndex((item) => item.id === id);
54
+ if (inQueue > -1) {
55
+ return setQueue((prevQueue) => prevQueue.filter((item) => item.id !== id));
56
+ }
57
+ return undefined;
58
+ }, [toasts, queue]);
59
+ const removeAllToasts = () => {
60
+ setToasts([]);
61
+ setQueue([]);
62
+ };
63
+ const hasToasts = Boolean(toasts.length);
64
+ return (React.createElement(ToastContext.Provider, { value: {
65
+ addToast,
66
+ removeToast,
67
+ removeAllToasts,
68
+ } },
69
+ children,
70
+ hasToasts && (React.createElement(Portal, null,
71
+ React.createElement(ToastContainer, { ...toastContainerProps }, toasts.map((toast) => (React.createElement(Toast, { key: toast.id, id: toast.id, onClose: removeToast, isClosable: toast.isClosable, duration: toast.duration, alertProps: {
72
+ disableIcon: toast.disableIcon,
73
+ variant: toast.variant,
74
+ } }, toast.message))))))));
75
+ };
76
+ ToastProvider.displayName = 'ToastProvider';
77
+ ToastProvider.defaultProps = {
78
+ maxToasts: 1,
79
+ };
80
+ //# sourceMappingURL=toast_provider.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toast_provider.js","sourceRoot":"","sources":["../../../src/Toast/toast_provider.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,4 @@
1
+ import * as React from 'react';
2
+ import { ToastContext } from './toast_context';
3
+ export const useToast = () => React.useContext(ToastContext);
4
+ //# sourceMappingURL=use_toast.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"use_toast.js","sourceRoot":"","sources":["../../../src/Toast/use_toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAoB,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEjE,MAAM,CAAC,MAAM,QAAQ,GAAG,GAAqB,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,YAAY,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export { Tooltip } from './tooltip';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Tooltip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC"}