react-miui 0.5.2 → 0.9.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (343) hide show
  1. package/CHANGELOG.md +31 -0
  2. package/assets/sources/battery.fla +0 -0
  3. package/assets/sources/search.fla +0 -0
  4. package/dist/components/form/Input.d.ts +9 -0
  5. package/dist/components/form/Input.d.ts.map +1 -0
  6. package/dist/components/form/Input.js +62 -0
  7. package/dist/components/form/Input.js.map +1 -0
  8. package/dist/components/form/Input.module.scss +48 -0
  9. package/dist/components/form/Label.d.ts +8 -0
  10. package/dist/components/form/Label.d.ts.map +1 -0
  11. package/dist/components/form/Label.js +22 -0
  12. package/dist/components/form/Label.js.map +1 -0
  13. package/dist/components/form/Label.module.scss +15 -0
  14. package/dist/components/form/TextArea.d.ts +7 -0
  15. package/dist/components/form/TextArea.d.ts.map +1 -0
  16. package/dist/components/form/TextArea.js +57 -0
  17. package/dist/components/form/TextArea.js.map +1 -0
  18. package/dist/components/form/Toggle.d.ts +1 -1
  19. package/dist/components/form/Toggle.d.ts.map +1 -1
  20. package/dist/components/form/Toggle.js.map +1 -1
  21. package/dist/components/form/choice/Choice.d.ts +11 -0
  22. package/dist/components/form/choice/Choice.d.ts.map +1 -0
  23. package/dist/components/form/choice/Choice.js +19 -0
  24. package/dist/components/form/choice/Choice.js.map +1 -0
  25. package/dist/components/form/choice/Choice.module.scss +43 -0
  26. package/dist/components/form/choice/ChoiceItem.d.ts +11 -0
  27. package/dist/components/form/choice/ChoiceItem.d.ts.map +1 -0
  28. package/dist/components/form/choice/ChoiceItem.js +33 -0
  29. package/dist/components/form/choice/ChoiceItem.js.map +1 -0
  30. package/dist/components/icons/Back.d.ts +1 -1
  31. package/dist/components/icons/Back.d.ts.map +1 -1
  32. package/dist/components/icons/Back.js.map +1 -1
  33. package/dist/components/icons/Battery.d.ts +7 -0
  34. package/dist/components/icons/Battery.d.ts.map +1 -0
  35. package/dist/components/icons/Battery.js +14 -0
  36. package/dist/components/icons/Battery.js.map +1 -0
  37. package/dist/components/icons/Forward.d.ts +1 -1
  38. package/dist/components/icons/Forward.d.ts.map +1 -1
  39. package/dist/components/icons/Forward.js.map +1 -1
  40. package/dist/components/icons/Icon.d.ts +3 -1
  41. package/dist/components/icons/Icon.d.ts.map +1 -1
  42. package/dist/components/icons/Icon.js +6 -0
  43. package/dist/components/icons/Icon.js.map +1 -1
  44. package/dist/components/icons/Search.d.ts +7 -0
  45. package/dist/components/icons/Search.d.ts.map +1 -0
  46. package/dist/components/icons/Search.js +13 -0
  47. package/dist/components/icons/Search.js.map +1 -0
  48. package/dist/components/layout/header/HeaderIconAction.d.ts +1 -1
  49. package/dist/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  50. package/dist/components/layout/header/HeaderIconAction.js.map +1 -1
  51. package/dist/components/layout/list/Header.d.ts +5 -1
  52. package/dist/components/layout/list/Header.d.ts.map +1 -1
  53. package/dist/components/layout/list/Header.js +6 -1
  54. package/dist/components/layout/list/Header.js.map +1 -1
  55. package/dist/components/layout/list/Item.d.ts +3 -0
  56. package/dist/components/layout/list/Item.d.ts.map +1 -1
  57. package/dist/components/layout/list/Item.js +20 -6
  58. package/dist/components/layout/list/Item.js.map +1 -1
  59. package/dist/components/layout/list/Item.module.scss +16 -1
  60. package/dist/components/layout/list/List.d.ts +6 -1
  61. package/dist/components/layout/list/List.d.ts.map +1 -1
  62. package/dist/components/layout/list/List.js +15 -1
  63. package/dist/components/layout/list/List.js.map +1 -1
  64. package/dist/components/layout/list/List.module.scss +4 -0
  65. package/dist/components/layout/section/SearchContainer.d.ts +4 -0
  66. package/dist/components/layout/section/SearchContainer.d.ts.map +1 -0
  67. package/dist/components/layout/section/SearchContainer.js +13 -0
  68. package/dist/components/layout/section/SearchContainer.js.map +1 -0
  69. package/dist/components/layout/section/SearchContainer.module.scss +3 -0
  70. package/dist/components/layout/section/Section.module.scss +7 -0
  71. package/dist/components/ui/action/Action.d.ts +1 -1
  72. package/dist/components/ui/action/Action.d.ts.map +1 -1
  73. package/dist/components/ui/action/Action.js.map +1 -1
  74. package/dist/components/ui/button/Button.d.ts.map +1 -1
  75. package/dist/components/ui/button/Button.js +2 -2
  76. package/dist/components/ui/button/Button.js.map +1 -1
  77. package/dist/components/ui/modal/Modal.d.ts +18 -0
  78. package/dist/components/ui/modal/Modal.d.ts.map +1 -0
  79. package/dist/components/ui/modal/Modal.js +108 -0
  80. package/dist/components/ui/modal/Modal.js.map +1 -0
  81. package/dist/components/ui/modal/Modal.module.scss +92 -0
  82. package/dist/components/ui/modal/ModalButton.d.ts +8 -0
  83. package/dist/components/ui/modal/ModalButton.d.ts.map +1 -0
  84. package/dist/components/ui/modal/ModalButton.js +31 -0
  85. package/dist/components/ui/modal/ModalButton.js.map +1 -0
  86. package/dist/components/ui/modal/ModalButtons.d.ts +10 -0
  87. package/dist/components/ui/modal/ModalButtons.d.ts.map +1 -0
  88. package/dist/components/ui/modal/ModalButtons.js +15 -0
  89. package/dist/components/ui/modal/ModalButtons.js.map +1 -0
  90. package/dist/components/ui/modal/ModalButtons.module.scss +32 -0
  91. package/dist/components/ui/modal/ModalNoMargin.d.ts +6 -0
  92. package/dist/components/ui/modal/ModalNoMargin.d.ts.map +1 -0
  93. package/dist/components/ui/modal/ModalNoMargin.js +22 -0
  94. package/dist/components/ui/modal/ModalNoMargin.js.map +1 -0
  95. package/dist/components/ui/tabs/Item.d.ts +10 -0
  96. package/dist/components/ui/tabs/Item.d.ts.map +1 -0
  97. package/dist/components/ui/tabs/Item.js +39 -0
  98. package/dist/components/ui/tabs/Item.js.map +1 -0
  99. package/dist/components/ui/tabs/Item.module.scss +11 -0
  100. package/dist/components/ui/tabs/Selector.d.ts +10 -0
  101. package/dist/components/ui/tabs/Selector.d.ts.map +1 -0
  102. package/dist/components/ui/tabs/Selector.js +46 -0
  103. package/dist/components/ui/tabs/Selector.js.map +1 -0
  104. package/dist/components/ui/tabs/Selector.module.scss +6 -0
  105. package/dist/components/ui/toaster/Notification.d.ts +9 -0
  106. package/dist/components/ui/toaster/Notification.d.ts.map +1 -0
  107. package/dist/components/ui/toaster/Notification.js +39 -0
  108. package/dist/components/ui/toaster/Notification.js.map +1 -0
  109. package/dist/components/ui/toaster/Toaster.d.ts +18 -0
  110. package/dist/components/ui/toaster/Toaster.d.ts.map +1 -0
  111. package/dist/components/ui/toaster/Toaster.js +79 -0
  112. package/dist/components/ui/toaster/Toaster.js.map +1 -0
  113. package/dist/components/ui/toaster/Toaster.module.scss +32 -0
  114. package/dist/components/ui/toaster/types.d.ts +7 -0
  115. package/dist/components/ui/toaster/types.d.ts.map +1 -0
  116. package/dist/components/ui/toaster/types.js +3 -0
  117. package/dist/components/ui/toaster/types.js.map +1 -0
  118. package/dist/global.scss +13 -0
  119. package/dist/index.d.ts +9 -0
  120. package/dist/index.d.ts.map +1 -1
  121. package/dist/index.js +9 -0
  122. package/dist/index.js.map +1 -1
  123. package/dist/types/form.d.ts +7 -0
  124. package/dist/types/form.d.ts.map +1 -0
  125. package/dist/types/form.js +3 -0
  126. package/dist/types/form.js.map +1 -0
  127. package/dist/types.d.ts +1 -1
  128. package/dist/types.d.ts.map +1 -1
  129. package/dist/utils/index.d.ts +3 -0
  130. package/dist/utils/index.d.ts.map +1 -0
  131. package/dist/utils/index.js +15 -0
  132. package/dist/utils/index.js.map +1 -0
  133. package/dist/utils/toObjectValue.d.ts +4 -0
  134. package/dist/utils/toObjectValue.d.ts.map +1 -0
  135. package/dist/utils/toObjectValue.js +8 -0
  136. package/dist/utils/toObjectValue.js.map +1 -0
  137. package/docs/assets/js/search.js +1 -1
  138. package/docs/assets/js/search.json +1 -1
  139. package/docs/classes/ToasterProvider.html +1096 -0
  140. package/docs/enums/ICON.html +71 -6
  141. package/docs/index.html +47 -4
  142. package/docs/modules/Item.html +16 -3
  143. package/docs/modules/List.html +17 -4
  144. package/docs/modules/Modal.html +160 -0
  145. package/docs/modules/ModalButtons.html +160 -0
  146. package/docs/modules/Section.html +16 -3
  147. package/docs/modules/StickyHeader.html +17 -4
  148. package/docs/modules.html +187 -22
  149. package/docs/pages/Tutorials/Test.html +16 -3
  150. package/esm/components/form/Input.d.ts +9 -0
  151. package/esm/components/form/Input.d.ts.map +1 -0
  152. package/esm/components/form/Input.js +25 -0
  153. package/esm/components/form/Input.js.map +1 -0
  154. package/esm/components/form/Input.module.scss +48 -0
  155. package/esm/components/form/Label.d.ts +8 -0
  156. package/esm/components/form/Label.d.ts.map +1 -0
  157. package/esm/components/form/Label.js +16 -0
  158. package/esm/components/form/Label.js.map +1 -0
  159. package/esm/components/form/Label.module.scss +15 -0
  160. package/esm/components/form/TextArea.d.ts +7 -0
  161. package/esm/components/form/TextArea.d.ts.map +1 -0
  162. package/esm/components/form/TextArea.js +20 -0
  163. package/esm/components/form/TextArea.js.map +1 -0
  164. package/esm/components/form/Toggle.d.ts +1 -1
  165. package/esm/components/form/Toggle.d.ts.map +1 -1
  166. package/esm/components/form/Toggle.js.map +1 -1
  167. package/esm/components/form/choice/Choice.d.ts +11 -0
  168. package/esm/components/form/choice/Choice.d.ts.map +1 -0
  169. package/esm/components/form/choice/Choice.js +13 -0
  170. package/esm/components/form/choice/Choice.js.map +1 -0
  171. package/esm/components/form/choice/Choice.module.scss +43 -0
  172. package/esm/components/form/choice/ChoiceItem.d.ts +11 -0
  173. package/esm/components/form/choice/ChoiceItem.d.ts.map +1 -0
  174. package/esm/components/form/choice/ChoiceItem.js +11 -0
  175. package/esm/components/form/choice/ChoiceItem.js.map +1 -0
  176. package/esm/components/icons/Back.d.ts +1 -1
  177. package/esm/components/icons/Back.d.ts.map +1 -1
  178. package/esm/components/icons/Back.js.map +1 -1
  179. package/esm/components/icons/Battery.d.ts +7 -0
  180. package/esm/components/icons/Battery.d.ts.map +1 -0
  181. package/esm/components/icons/Battery.js +8 -0
  182. package/esm/components/icons/Battery.js.map +1 -0
  183. package/esm/components/icons/Forward.d.ts +1 -1
  184. package/esm/components/icons/Forward.d.ts.map +1 -1
  185. package/esm/components/icons/Forward.js.map +1 -1
  186. package/esm/components/icons/Icon.d.ts +3 -1
  187. package/esm/components/icons/Icon.d.ts.map +1 -1
  188. package/esm/components/icons/Icon.js +6 -0
  189. package/esm/components/icons/Icon.js.map +1 -1
  190. package/esm/components/icons/Search.d.ts +7 -0
  191. package/esm/components/icons/Search.d.ts.map +1 -0
  192. package/esm/components/icons/Search.js +7 -0
  193. package/esm/components/icons/Search.js.map +1 -0
  194. package/esm/components/layout/header/HeaderIconAction.d.ts +1 -1
  195. package/esm/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  196. package/esm/components/layout/header/HeaderIconAction.js.map +1 -1
  197. package/esm/components/layout/list/Header.d.ts +5 -1
  198. package/esm/components/layout/list/Header.d.ts.map +1 -1
  199. package/esm/components/layout/list/Header.js +6 -1
  200. package/esm/components/layout/list/Header.js.map +1 -1
  201. package/esm/components/layout/list/Item.d.ts +3 -0
  202. package/esm/components/layout/list/Item.d.ts.map +1 -1
  203. package/esm/components/layout/list/Item.js +20 -6
  204. package/esm/components/layout/list/Item.js.map +1 -1
  205. package/esm/components/layout/list/Item.module.scss +16 -1
  206. package/esm/components/layout/list/List.d.ts +6 -1
  207. package/esm/components/layout/list/List.d.ts.map +1 -1
  208. package/esm/components/layout/list/List.js +15 -1
  209. package/esm/components/layout/list/List.js.map +1 -1
  210. package/esm/components/layout/list/List.module.scss +4 -0
  211. package/esm/components/layout/section/SearchContainer.d.ts +4 -0
  212. package/esm/components/layout/section/SearchContainer.d.ts.map +1 -0
  213. package/esm/components/layout/section/SearchContainer.js +7 -0
  214. package/esm/components/layout/section/SearchContainer.js.map +1 -0
  215. package/esm/components/layout/section/SearchContainer.module.scss +3 -0
  216. package/esm/components/layout/section/Section.module.scss +7 -0
  217. package/esm/components/ui/action/Action.d.ts +1 -1
  218. package/esm/components/ui/action/Action.d.ts.map +1 -1
  219. package/esm/components/ui/action/Action.js.map +1 -1
  220. package/esm/components/ui/button/Button.d.ts.map +1 -1
  221. package/esm/components/ui/button/Button.js +2 -2
  222. package/esm/components/ui/button/Button.js.map +1 -1
  223. package/esm/components/ui/modal/Modal.d.ts +18 -0
  224. package/esm/components/ui/modal/Modal.d.ts.map +1 -0
  225. package/esm/components/ui/modal/Modal.js +83 -0
  226. package/esm/components/ui/modal/Modal.js.map +1 -0
  227. package/esm/components/ui/modal/Modal.module.scss +92 -0
  228. package/esm/components/ui/modal/ModalButton.d.ts +8 -0
  229. package/esm/components/ui/modal/ModalButton.d.ts.map +1 -0
  230. package/esm/components/ui/modal/ModalButton.js +13 -0
  231. package/esm/components/ui/modal/ModalButton.js.map +1 -0
  232. package/esm/components/ui/modal/ModalButtons.d.ts +10 -0
  233. package/esm/components/ui/modal/ModalButtons.d.ts.map +1 -0
  234. package/esm/components/ui/modal/ModalButtons.js +9 -0
  235. package/esm/components/ui/modal/ModalButtons.js.map +1 -0
  236. package/esm/components/ui/modal/ModalButtons.module.scss +32 -0
  237. package/esm/components/ui/modal/ModalNoMargin.d.ts +6 -0
  238. package/esm/components/ui/modal/ModalNoMargin.d.ts.map +1 -0
  239. package/esm/components/ui/modal/ModalNoMargin.js +16 -0
  240. package/esm/components/ui/modal/ModalNoMargin.js.map +1 -0
  241. package/esm/components/ui/tabs/Item.d.ts +10 -0
  242. package/esm/components/ui/tabs/Item.d.ts.map +1 -0
  243. package/esm/components/ui/tabs/Item.js +14 -0
  244. package/esm/components/ui/tabs/Item.js.map +1 -0
  245. package/esm/components/ui/tabs/Item.module.scss +11 -0
  246. package/esm/components/ui/tabs/Selector.d.ts +10 -0
  247. package/esm/components/ui/tabs/Selector.d.ts.map +1 -0
  248. package/esm/components/ui/tabs/Selector.js +21 -0
  249. package/esm/components/ui/tabs/Selector.js.map +1 -0
  250. package/esm/components/ui/tabs/Selector.module.scss +6 -0
  251. package/esm/components/ui/toaster/Notification.d.ts +9 -0
  252. package/esm/components/ui/toaster/Notification.d.ts.map +1 -0
  253. package/esm/components/ui/toaster/Notification.js +14 -0
  254. package/esm/components/ui/toaster/Notification.js.map +1 -0
  255. package/esm/components/ui/toaster/Toaster.d.ts +18 -0
  256. package/esm/components/ui/toaster/Toaster.d.ts.map +1 -0
  257. package/esm/components/ui/toaster/Toaster.js +74 -0
  258. package/esm/components/ui/toaster/Toaster.js.map +1 -0
  259. package/esm/components/ui/toaster/Toaster.module.scss +32 -0
  260. package/esm/components/ui/toaster/types.d.ts +7 -0
  261. package/esm/components/ui/toaster/types.d.ts.map +1 -0
  262. package/esm/components/ui/toaster/types.js +2 -0
  263. package/esm/components/ui/toaster/types.js.map +1 -0
  264. package/esm/global.scss +13 -0
  265. package/esm/index.d.ts +9 -0
  266. package/esm/index.d.ts.map +1 -1
  267. package/esm/index.js +9 -0
  268. package/esm/index.js.map +1 -1
  269. package/esm/types/form.d.ts +7 -0
  270. package/esm/types/form.d.ts.map +1 -0
  271. package/esm/types/form.js +2 -0
  272. package/esm/types/form.js.map +1 -0
  273. package/esm/types.d.ts +1 -1
  274. package/esm/types.d.ts.map +1 -1
  275. package/esm/utils/index.d.ts +3 -0
  276. package/esm/utils/index.d.ts.map +1 -0
  277. package/esm/utils/index.js +3 -0
  278. package/esm/utils/index.js.map +1 -0
  279. package/esm/utils/toObjectValue.d.ts +4 -0
  280. package/esm/utils/toObjectValue.d.ts.map +1 -0
  281. package/esm/utils/toObjectValue.js +5 -0
  282. package/esm/utils/toObjectValue.js.map +1 -0
  283. package/package.json +2 -2
  284. package/src/components/form/Input.module.scss +48 -0
  285. package/src/components/form/Input.tsx +48 -0
  286. package/src/components/form/Label.module.scss +15 -0
  287. package/src/components/form/Label.tsx +29 -0
  288. package/src/components/form/TextArea.tsx +38 -0
  289. package/src/components/form/Toggle.tsx +1 -1
  290. package/src/components/form/choice/Choice.module.scss +43 -0
  291. package/src/components/form/choice/Choice.tsx +32 -0
  292. package/src/components/form/choice/ChoiceItem.tsx +30 -0
  293. package/src/components/icons/Back.tsx +1 -1
  294. package/src/components/icons/Battery.tsx +34 -0
  295. package/src/components/icons/Forward.tsx +1 -1
  296. package/src/components/icons/Icon.tsx +6 -0
  297. package/src/components/icons/Search.tsx +29 -0
  298. package/src/components/layout/header/HeaderIconAction.tsx +1 -1
  299. package/src/components/layout/list/Header.tsx +15 -2
  300. package/src/components/layout/list/Item.module.scss +16 -1
  301. package/src/components/layout/list/Item.tsx +28 -7
  302. package/src/components/layout/list/List.module.scss +4 -0
  303. package/src/components/layout/list/List.tsx +29 -2
  304. package/src/components/layout/section/SearchContainer.module.scss +3 -0
  305. package/src/components/layout/section/SearchContainer.tsx +11 -0
  306. package/src/components/layout/section/Section.module.scss +7 -0
  307. package/src/components/ui/action/Action.tsx +1 -1
  308. package/src/components/ui/button/Button.tsx +4 -2
  309. package/src/components/ui/modal/Modal.module.scss +92 -0
  310. package/src/components/ui/modal/Modal.tsx +136 -0
  311. package/src/components/ui/modal/ModalButton.tsx +25 -0
  312. package/src/components/ui/modal/ModalButtons.module.scss +32 -0
  313. package/src/components/ui/modal/ModalButtons.tsx +17 -0
  314. package/src/components/ui/modal/ModalNoMargin.tsx +22 -0
  315. package/src/components/ui/tabs/Item.module.scss +11 -0
  316. package/src/components/ui/tabs/Item.tsx +26 -0
  317. package/src/components/ui/tabs/Selector.module.scss +6 -0
  318. package/src/components/ui/tabs/Selector.tsx +31 -0
  319. package/src/components/ui/toaster/Notification.tsx +31 -0
  320. package/src/components/ui/toaster/Toaster.module.scss +32 -0
  321. package/src/components/ui/toaster/Toaster.tsx +101 -0
  322. package/src/components/ui/toaster/types.ts +9 -0
  323. package/src/demo/Demo.tsx +7 -4
  324. package/src/demo/Menu.module.scss +1 -0
  325. package/src/demo/components/form/Choice.tsx +19 -0
  326. package/src/demo/components/form/Form.tsx +35 -0
  327. package/src/demo/components/form/Input.tsx +13 -0
  328. package/src/demo/components/form/Label.tsx +14 -0
  329. package/src/demo/components/form/Search.tsx +36 -0
  330. package/src/demo/components/form/TextArea.tsx +12 -0
  331. package/src/demo/components/form/Toggle.tsx +1 -1
  332. package/src/demo/components/layout/list/Inset.tsx +24 -0
  333. package/src/demo/components/layout/list/Selection.tsx +17 -0
  334. package/src/demo/components/ui/modal/Modal.tsx +110 -0
  335. package/src/demo/components/ui/tabs/Tabs.tsx +15 -0
  336. package/src/demo/components/ui/toaster/Toaster.tsx +28 -0
  337. package/src/demo/componentsMap.ts +74 -11
  338. package/src/global.scss +13 -0
  339. package/src/index.ts +9 -0
  340. package/src/types/form.ts +7 -0
  341. package/src/types.ts +1 -1
  342. package/src/utils/index.ts +2 -0
  343. package/src/utils/toObjectValue.ts +9 -0
package/docs/modules.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>react-miui - v0.5.2</title>
7
- <meta name="description" content="Documentation for react-miui - v0.5.2">
6
+ <title>react-miui - v0.9.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.9.0">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="assets/css/main.css">
10
10
  <link rel="stylesheet" href="assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="index.html" class="title">react-miui - v0.5.2</a>
26
+ <a href="index.html" class="title">react-miui - v0.9.0</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -57,7 +57,7 @@
57
57
  <a href="modules.html">Globals</a>
58
58
  </li>
59
59
  </ul>
60
- <h1>Project react-miui - v0.5.2</h1>
60
+ <h1>Project react-miui - v0.9.0</h1>
61
61
  </div>
62
62
  </div>
63
63
  </header>
@@ -73,6 +73,8 @@
73
73
  <ul class="tsd-index-list">
74
74
  <li class="tsd-kind-namespace"><a href="modules/Item.html" class="tsd-kind-icon">Item</a></li>
75
75
  <li class="tsd-kind-namespace"><a href="modules/List.html" class="tsd-kind-icon">List</a></li>
76
+ <li class="tsd-kind-namespace"><a href="modules/Modal.html" class="tsd-kind-icon">Modal</a></li>
77
+ <li class="tsd-kind-namespace"><a href="modules/ModalButtons.html" class="tsd-kind-icon">Modal<wbr>Buttons</a></li>
76
78
  <li class="tsd-kind-namespace"><a href="modules/Section.html" class="tsd-kind-icon">Section</a></li>
77
79
  <li class="tsd-kind-namespace"><a href="modules/StickyHeader.html" class="tsd-kind-icon">Sticky<wbr>Header</a></li>
78
80
  </ul>
@@ -83,6 +85,12 @@
83
85
  <li class="tsd-kind-enum"><a href="enums/ICON.html" class="tsd-kind-icon">ICON</a></li>
84
86
  </ul>
85
87
  </section>
88
+ <section class="tsd-index-section ">
89
+ <h3>Classes</h3>
90
+ <ul class="tsd-index-list">
91
+ <li class="tsd-kind-class"><a href="classes/ToasterProvider.html" class="tsd-kind-icon">Toaster<wbr>Provider</a></li>
92
+ </ul>
93
+ </section>
86
94
  <section class="tsd-index-section ">
87
95
  <h3>Variables</h3>
88
96
  <ul class="tsd-index-list">
@@ -90,18 +98,32 @@
90
98
  <li class="tsd-kind-variable"><a href="modules.html#Button" class="tsd-kind-icon">Button</a></li>
91
99
  <li class="tsd-kind-variable"><a href="modules.html#Card" class="tsd-kind-icon">Card</a></li>
92
100
  <li class="tsd-kind-variable"><a href="modules.html#Checkbox" class="tsd-kind-icon">Checkbox</a></li>
101
+ <li class="tsd-kind-variable"><a href="modules.html#Choice" class="tsd-kind-icon">Choice</a></li>
93
102
  <li class="tsd-kind-variable"><a href="modules.html#DirectionPad" class="tsd-kind-icon">Direction<wbr>Pad</a></li>
94
103
  <li class="tsd-kind-variable"><a href="modules.html#EqualActions" class="tsd-kind-icon">Equal<wbr>Actions</a></li>
95
104
  <li class="tsd-kind-variable"><a href="modules.html#Header" class="tsd-kind-icon">Header</a></li>
96
105
  <li class="tsd-kind-variable"><a href="modules.html#HeaderIconAction" class="tsd-kind-icon">Header<wbr>Icon<wbr>Action</a></li>
97
106
  <li class="tsd-kind-variable"><a href="modules.html#Icon" class="tsd-kind-icon">Icon</a></li>
107
+ <li class="tsd-kind-variable"><a href="modules.html#Input" class="tsd-kind-icon">Input</a></li>
98
108
  <li class="tsd-kind-variable"><a href="modules.html#Item" class="tsd-kind-icon">Item</a></li>
109
+ <li class="tsd-kind-variable"><a href="modules.html#Label" class="tsd-kind-icon">Label</a></li>
99
110
  <li class="tsd-kind-variable"><a href="modules.html#List" class="tsd-kind-icon">List</a></li>
111
+ <li class="tsd-kind-variable"><a href="modules.html#Modal" class="tsd-kind-icon">Modal</a></li>
112
+ <li class="tsd-kind-variable"><a href="modules.html#ModalButtons" class="tsd-kind-icon">Modal<wbr>Buttons</a></li>
113
+ <li class="tsd-kind-variable"><a href="modules.html#SearchContainer" class="tsd-kind-icon">Search<wbr>Container</a></li>
100
114
  <li class="tsd-kind-variable"><a href="modules.html#Section" class="tsd-kind-icon">Section</a></li>
115
+ <li class="tsd-kind-variable"><a href="modules.html#Selector" class="tsd-kind-icon">Selector</a></li>
101
116
  <li class="tsd-kind-variable"><a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a></li>
117
+ <li class="tsd-kind-variable"><a href="modules.html#TextArea" class="tsd-kind-icon">Text<wbr>Area</a></li>
102
118
  <li class="tsd-kind-variable"><a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a></li>
103
119
  </ul>
104
120
  </section>
121
+ <section class="tsd-index-section ">
122
+ <h3>Functions</h3>
123
+ <ul class="tsd-index-list">
124
+ <li class="tsd-kind-function"><a href="modules.html#useToaster" class="tsd-kind-icon">use<wbr>Toaster</a></li>
125
+ </ul>
126
+ </section>
105
127
  </div>
106
128
  </section>
107
129
  </section>
@@ -110,10 +132,10 @@
110
132
  <section class="tsd-panel tsd-member tsd-kind-variable">
111
133
  <a name="Action" class="tsd-anchor"></a>
112
134
  <h3><span class="tsd-flag ts-flagConst">Const</span> Action</h3>
113
- <div class="tsd-signature tsd-kind-icon">Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.VFC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
135
+ <div class="tsd-signature tsd-kind-icon">Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
114
136
  <aside class="tsd-sources">
115
137
  <ul>
116
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
138
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
117
139
  </ul>
118
140
  </aside>
119
141
  </section>
@@ -123,7 +145,7 @@
123
145
  <div class="tsd-signature tsd-kind-icon">Button<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.ButtonHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLButtonElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
124
146
  <aside class="tsd-sources">
125
147
  <ul>
126
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
148
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
127
149
  </ul>
128
150
  </aside>
129
151
  </section>
@@ -133,7 +155,7 @@
133
155
  <div class="tsd-signature tsd-kind-icon">Card<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
134
156
  <aside class="tsd-sources">
135
157
  <ul>
136
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
158
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
137
159
  </ul>
138
160
  </aside>
139
161
  </section>
@@ -143,7 +165,17 @@
143
165
  <div class="tsd-signature tsd-kind-icon">Checkbox<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
144
166
  <aside class="tsd-sources">
145
167
  <ul>
146
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
168
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
169
+ </ul>
170
+ </aside>
171
+ </section>
172
+ <section class="tsd-panel tsd-member tsd-kind-variable">
173
+ <a name="Choice" class="tsd-anchor"></a>
174
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Choice</h3>
175
+ <div class="tsd-signature tsd-kind-icon">Choice<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
176
+ <aside class="tsd-sources">
177
+ <ul>
178
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/form/choice/Choice.tsx#L15">src/components/form/choice/Choice.tsx:15</a></li>
147
179
  </ul>
148
180
  </aside>
149
181
  </section>
@@ -153,7 +185,7 @@
153
185
  <div class="tsd-signature tsd-kind-icon">Direction<wbr>Pad<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
154
186
  <aside class="tsd-sources">
155
187
  <ul>
156
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
188
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
157
189
  </ul>
158
190
  </aside>
159
191
  </section>
@@ -163,7 +195,7 @@
163
195
  <div class="tsd-signature tsd-kind-icon">Equal<wbr>Actions<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
164
196
  <aside class="tsd-sources">
165
197
  <ul>
166
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
198
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
167
199
  </ul>
168
200
  </aside>
169
201
  </section>
@@ -173,17 +205,17 @@
173
205
  <div class="tsd-signature tsd-kind-icon">Header<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
174
206
  <aside class="tsd-sources">
175
207
  <ul>
176
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
208
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
177
209
  </ul>
178
210
  </aside>
179
211
  </section>
180
212
  <section class="tsd-panel tsd-member tsd-kind-variable">
181
213
  <a name="HeaderIconAction" class="tsd-anchor"></a>
182
214
  <h3><span class="tsd-flag ts-flagConst">Const</span> Header<wbr>Icon<wbr>Action</h3>
183
- <div class="tsd-signature tsd-kind-icon">Header<wbr>Icon<wbr>Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.VFC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
215
+ <div class="tsd-signature tsd-kind-icon">Header<wbr>Icon<wbr>Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
184
216
  <aside class="tsd-sources">
185
217
  <ul>
186
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
218
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
187
219
  </ul>
188
220
  </aside>
189
221
  </section>
@@ -193,7 +225,17 @@
193
225
  <div class="tsd-signature tsd-kind-icon">Icon<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
194
226
  <aside class="tsd-sources">
195
227
  <ul>
196
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/icons/Icon.tsx#L25">src/components/icons/Icon.tsx:25</a></li>
228
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/icons/Icon.tsx#L31">src/components/icons/Icon.tsx:31</a></li>
229
+ </ul>
230
+ </aside>
231
+ </section>
232
+ <section class="tsd-panel tsd-member tsd-kind-variable">
233
+ <a name="Input" class="tsd-anchor"></a>
234
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Input</h3>
235
+ <div class="tsd-signature tsd-kind-icon">Input<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.InputHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLInputElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;prefix&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
236
+ <aside class="tsd-sources">
237
+ <ul>
238
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
197
239
  </ul>
198
240
  </aside>
199
241
  </section>
@@ -203,17 +245,57 @@
203
245
  <div class="tsd-signature tsd-kind-icon">Item<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
204
246
  <aside class="tsd-sources">
205
247
  <ul>
206
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/layout/list/Item.tsx#L27">src/components/layout/list/Item.tsx:27</a></li>
248
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/layout/list/Item.tsx#L36">src/components/layout/list/Item.tsx:36</a></li>
249
+ </ul>
250
+ </aside>
251
+ </section>
252
+ <section class="tsd-panel tsd-member tsd-kind-variable">
253
+ <a name="Label" class="tsd-anchor"></a>
254
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Label</h3>
255
+ <div class="tsd-signature tsd-kind-icon">Label<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
256
+ <aside class="tsd-sources">
257
+ <ul>
258
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
207
259
  </ul>
208
260
  </aside>
209
261
  </section>
210
262
  <section class="tsd-panel tsd-member tsd-kind-variable">
211
263
  <a name="List" class="tsd-anchor"></a>
212
264
  <h3><span class="tsd-flag ts-flagConst">Const</span> List</h3>
213
- <div class="tsd-signature tsd-kind-icon">List<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
265
+ <div class="tsd-signature tsd-kind-icon">List<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
266
+ <aside class="tsd-sources">
267
+ <ul>
268
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/layout/list/List.tsx#L20">src/components/layout/list/List.tsx:20</a></li>
269
+ </ul>
270
+ </aside>
271
+ </section>
272
+ <section class="tsd-panel tsd-member tsd-kind-variable">
273
+ <a name="Modal" class="tsd-anchor"></a>
274
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Modal</h3>
275
+ <div class="tsd-signature tsd-kind-icon">Modal<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
276
+ <aside class="tsd-sources">
277
+ <ul>
278
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/ui/modal/Modal.tsx#L25">src/components/ui/modal/Modal.tsx:25</a></li>
279
+ </ul>
280
+ </aside>
281
+ </section>
282
+ <section class="tsd-panel tsd-member tsd-kind-variable">
283
+ <a name="ModalButtons" class="tsd-anchor"></a>
284
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Modal<wbr>Buttons</h3>
285
+ <div class="tsd-signature tsd-kind-icon">Modal<wbr>Buttons<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
286
+ <aside class="tsd-sources">
287
+ <ul>
288
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/ui/modal/ModalButtons.tsx#L12">src/components/ui/modal/ModalButtons.tsx:12</a></li>
289
+ </ul>
290
+ </aside>
291
+ </section>
292
+ <section class="tsd-panel tsd-member tsd-kind-variable">
293
+ <a name="SearchContainer" class="tsd-anchor"></a>
294
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Search<wbr>Container</h3>
295
+ <div class="tsd-signature tsd-kind-icon">Search<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol"> = ...</span></div>
214
296
  <aside class="tsd-sources">
215
297
  <ul>
216
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/layout/list/List.tsx#L10">src/components/layout/list/List.tsx:10</a></li>
298
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
217
299
  </ul>
218
300
  </aside>
219
301
  </section>
@@ -223,7 +305,17 @@
223
305
  <div class="tsd-signature tsd-kind-icon">Section<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
224
306
  <aside class="tsd-sources">
225
307
  <ul>
226
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
308
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
309
+ </ul>
310
+ </aside>
311
+ </section>
312
+ <section class="tsd-panel tsd-member tsd-kind-variable">
313
+ <a name="Selector" class="tsd-anchor"></a>
314
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Selector</h3>
315
+ <div class="tsd-signature tsd-kind-icon">Selector<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
316
+ <aside class="tsd-sources">
317
+ <ul>
318
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/ui/tabs/Selector.tsx#L14">src/components/ui/tabs/Selector.tsx:14</a></li>
227
319
  </ul>
228
320
  </aside>
229
321
  </section>
@@ -233,21 +325,51 @@
233
325
  <div class="tsd-signature tsd-kind-icon">Sticky<wbr>Header<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Content</span><span class="tsd-signature-symbol"> = ...</span></div>
234
326
  <aside class="tsd-sources">
235
327
  <ul>
236
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
328
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
329
+ </ul>
330
+ </aside>
331
+ </section>
332
+ <section class="tsd-panel tsd-member tsd-kind-variable">
333
+ <a name="TextArea" class="tsd-anchor"></a>
334
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Text<wbr>Area</h3>
335
+ <div class="tsd-signature tsd-kind-icon">Text<wbr>Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.TextareaHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTextAreaElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
336
+ <aside class="tsd-sources">
337
+ <ul>
338
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
237
339
  </ul>
238
340
  </aside>
239
341
  </section>
240
342
  <section class="tsd-panel tsd-member tsd-kind-variable">
241
343
  <a name="Toggle" class="tsd-anchor"></a>
242
344
  <h3><span class="tsd-flag ts-flagConst">Const</span> Toggle</h3>
243
- <div class="tsd-signature tsd-kind-icon">Toggle<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.VFC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
345
+ <div class="tsd-signature tsd-kind-icon">Toggle<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
244
346
  <aside class="tsd-sources">
245
347
  <ul>
246
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c241982/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
348
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
247
349
  </ul>
248
350
  </aside>
249
351
  </section>
250
352
  </section>
353
+ <section class="tsd-panel-group tsd-member-group ">
354
+ <h2>Functions</h2>
355
+ <section class="tsd-panel tsd-member tsd-kind-function">
356
+ <a name="useToaster" class="tsd-anchor"></a>
357
+ <h3><span class="tsd-flag ts-flagConst">Const</span> use<wbr>Toaster</h3>
358
+ <ul class="tsd-signatures tsd-kind-function">
359
+ <li class="tsd-signature tsd-kind-icon">use<wbr>Toaster<span class="tsd-signature-symbol">(</span><span class="tsd-signature-symbol">)</span><span class="tsd-signature-symbol">: </span><span class="tsd-signature-type">ToasterFn</span></li>
360
+ </ul>
361
+ <ul class="tsd-descriptions">
362
+ <li class="tsd-description">
363
+ <aside class="tsd-sources">
364
+ <ul>
365
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1530593/src/components/ui/toaster/Toaster.tsx#L99">src/components/ui/toaster/Toaster.tsx:99</a></li>
366
+ </ul>
367
+ </aside>
368
+ <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ToasterFn</span></h4>
369
+ </li>
370
+ </ul>
371
+ </section>
372
+ </section>
251
373
  </div>
252
374
  <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
253
375
  <nav class="tsd-navigation primary">
@@ -270,6 +392,12 @@
270
392
  <li class=" tsd-kind-namespace">
271
393
  <a href="modules/List.html">List</a>
272
394
  </li>
395
+ <li class=" tsd-kind-namespace">
396
+ <a href="modules/Modal.html">Modal</a>
397
+ </li>
398
+ <li class=" tsd-kind-namespace">
399
+ <a href="modules/ModalButtons.html">Modal<wbr>Buttons</a>
400
+ </li>
273
401
  <li class=" tsd-kind-namespace">
274
402
  <a href="modules/Section.html">Section</a>
275
403
  </li>
@@ -283,6 +411,9 @@
283
411
  <li class=" tsd-kind-enum">
284
412
  <a href="enums/ICON.html" class="tsd-kind-icon">ICON</a>
285
413
  </li>
414
+ <li class=" tsd-kind-class">
415
+ <a href="classes/ToasterProvider.html" class="tsd-kind-icon">Toaster<wbr>Provider</a>
416
+ </li>
286
417
  <li class=" tsd-kind-variable">
287
418
  <a href="modules.html#Action" class="tsd-kind-icon">Action</a>
288
419
  </li>
@@ -295,6 +426,9 @@
295
426
  <li class=" tsd-kind-variable">
296
427
  <a href="modules.html#Checkbox" class="tsd-kind-icon">Checkbox</a>
297
428
  </li>
429
+ <li class=" tsd-kind-variable">
430
+ <a href="modules.html#Choice" class="tsd-kind-icon">Choice</a>
431
+ </li>
298
432
  <li class=" tsd-kind-variable">
299
433
  <a href="modules.html#DirectionPad" class="tsd-kind-icon">Direction<wbr>Pad</a>
300
434
  </li>
@@ -310,21 +444,45 @@
310
444
  <li class=" tsd-kind-variable">
311
445
  <a href="modules.html#Icon" class="tsd-kind-icon">Icon</a>
312
446
  </li>
447
+ <li class=" tsd-kind-variable">
448
+ <a href="modules.html#Input" class="tsd-kind-icon">Input</a>
449
+ </li>
313
450
  <li class=" tsd-kind-variable">
314
451
  <a href="modules.html#Item" class="tsd-kind-icon">Item</a>
315
452
  </li>
453
+ <li class=" tsd-kind-variable">
454
+ <a href="modules.html#Label" class="tsd-kind-icon">Label</a>
455
+ </li>
316
456
  <li class=" tsd-kind-variable">
317
457
  <a href="modules.html#List" class="tsd-kind-icon">List</a>
318
458
  </li>
459
+ <li class=" tsd-kind-variable">
460
+ <a href="modules.html#Modal" class="tsd-kind-icon">Modal</a>
461
+ </li>
462
+ <li class=" tsd-kind-variable">
463
+ <a href="modules.html#ModalButtons" class="tsd-kind-icon">Modal<wbr>Buttons</a>
464
+ </li>
465
+ <li class=" tsd-kind-variable">
466
+ <a href="modules.html#SearchContainer" class="tsd-kind-icon">Search<wbr>Container</a>
467
+ </li>
319
468
  <li class=" tsd-kind-variable">
320
469
  <a href="modules.html#Section" class="tsd-kind-icon">Section</a>
321
470
  </li>
471
+ <li class=" tsd-kind-variable">
472
+ <a href="modules.html#Selector" class="tsd-kind-icon">Selector</a>
473
+ </li>
322
474
  <li class=" tsd-kind-variable">
323
475
  <a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a>
324
476
  </li>
477
+ <li class=" tsd-kind-variable">
478
+ <a href="modules.html#TextArea" class="tsd-kind-icon">Text<wbr>Area</a>
479
+ </li>
325
480
  <li class=" tsd-kind-variable">
326
481
  <a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a>
327
482
  </li>
483
+ <li class=" tsd-kind-function">
484
+ <a href="modules.html#useToaster" class="tsd-kind-icon">use<wbr>Toaster</a>
485
+ </li>
328
486
  </ul>
329
487
  </nav>
330
488
  </div>
@@ -334,6 +492,13 @@
334
492
  <div class="container">
335
493
  <h2>Legend</h2>
336
494
  <div class="tsd-legend-group">
495
+ <ul class="tsd-legend">
496
+ <li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
497
+ <li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
498
+ </ul>
499
+ <ul class="tsd-legend">
500
+ <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private method</span></li>
501
+ </ul>
337
502
  </div>
338
503
  </div>
339
504
  </footer>
package/docs/pages/Tutorials/Test.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>Test | react-miui - v0.5.2</title>
7
- <meta name="description" content="Documentation for react-miui - v0.5.2">
6
+ <title>Test | react-miui - v0.9.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.9.0">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="../../assets/css/main.css">
10
10
  <link rel="stylesheet" href="../../assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="../../index.html" class="title">react-miui - v0.5.2</a>
26
+ <a href="../../index.html" class="title">react-miui - v0.9.0</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -95,6 +95,12 @@
95
95
  <li class=" tsd-kind-namespace">
96
96
  <a href="../../modules/List.html">List</a>
97
97
  </li>
98
+ <li class=" tsd-kind-namespace">
99
+ <a href="../../modules/Modal.html">Modal</a>
100
+ </li>
101
+ <li class=" tsd-kind-namespace">
102
+ <a href="../../modules/ModalButtons.html">Modal<wbr>Buttons</a>
103
+ </li>
98
104
  <li class=" tsd-kind-namespace">
99
105
  <a href="../../modules/Section.html">Section</a>
100
106
  </li>
@@ -114,6 +120,13 @@
114
120
  <div class="container">
115
121
  <h2>Legend</h2>
116
122
  <div class="tsd-legend-group">
123
+ <ul class="tsd-legend">
124
+ <li class="tsd-kind-constructor tsd-parent-kind-class"><span class="tsd-kind-icon">Constructor</span></li>
125
+ <li class="tsd-kind-method tsd-parent-kind-class"><span class="tsd-kind-icon">Method</span></li>
126
+ </ul>
127
+ <ul class="tsd-legend">
128
+ <li class="tsd-kind-method tsd-parent-kind-class tsd-is-private"><span class="tsd-kind-icon">Private method</span></li>
129
+ </ul>
117
130
  </div>
118
131
  </div>
119
132
  </footer>
package/esm/components/form/Input.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ interface Props {
3
+ children?: never;
4
+ prefix?: React.ReactNode;
5
+ suffix?: React.ReactNode;
6
+ }
7
+ declare const Input: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix"> & Props>;
8
+ export { Input, };
9
+ //# sourceMappingURL=Input.d.ts.map
package/esm/components/form/Input.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAgCxF,CAAC;AAEF,OAAO,EACH,KAAK,GACR,CAAC"}
package/esm/components/form/Input.js ADDED
@@ -0,0 +1,25 @@
1
+ import React, { useCallback, useState } from "react";
2
+ import classnames from "classnames";
3
+ import styles from "./Input.module.scss";
4
+ const Input = ({ className, children, prefix, suffix, onFocus, onBlur, ...props }) => {
5
+ const [focused, setFocused] = useState(false);
6
+ const handleFocus = useCallback((e) => {
7
+ setFocused(true);
8
+ onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
9
+ }, [onFocus]);
10
+ const handleBlur = useCallback((e) => {
11
+ setFocused(false);
12
+ onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
13
+ }, [onBlur]);
14
+ const wrapperCls = classnames(styles.wrapper, {
15
+ [styles.wrapperFocused]: focused,
16
+ }, className);
17
+ const prefixElem = prefix ? React.createElement("div", { className: styles.prefix }, prefix) : null;
18
+ const suffixElem = suffix ? React.createElement("div", { className: styles.suffix }, suffix) : null;
19
+ return (React.createElement("div", { className: wrapperCls },
20
+ prefixElem,
21
+ React.createElement("input", { ...props, onFocus: handleFocus, onBlur: handleBlur, className: styles.input }),
22
+ suffixElem));
23
+ };
24
+ export { Input, };
25
+ //# sourceMappingURL=Input.js.map
package/esm/components/form/Input.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAQzC,MAAM,KAAK,GAAkF,CAAC,EAC1F,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAqC,EAAE,EAAE;QACtE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAqC,EAAE,EAAE;QACrE,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE;QAC1C,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,OAAO;KACnC,EAAE,SAAS,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IACjF,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAEjF,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU;QACrB,UAAU;QACX,kCAAW,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,GAAI;QACtF,UAAU,CACT,CACT,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EACH,KAAK,GACR,CAAC"}
package/esm/components/form/Input.module.scss ADDED
@@ -0,0 +1,48 @@
1
+ .input {
2
+ box-sizing: border-box;
3
+ height: calc(103px / var(--ratio-dimensions));
4
+ font-size: calc(34 / var(--ratio-font));
5
+ color: var(--text);
6
+ border: none;
7
+ display: block;
8
+ width: 100%;
9
+ background: none;
10
+ font-family: inherit;
11
+ padding: 1.2em 0;
12
+
13
+ &::placeholder {
14
+ color: var(--sub);
15
+ }
16
+ }
17
+
18
+ .wrapper {
19
+ background: white;
20
+ display: inline-flex;
21
+ width: 100%;
22
+ box-sizing: border-box;
23
+ border-radius: 2px;
24
+ padding: 0 calc(36px / var(--ratio-dimensions));
25
+ border: calc(1px / var(--ratio-border)) solid var(--border);
26
+ align-items: center;
27
+ }
28
+
29
+ .textarea {
30
+ padding: 1.2em calc(36px / var(--ratio-dimensions));
31
+ height: unset;
32
+ resize: vertical;
33
+ min-height: calc(103px * 3 / var(--ratio-dimensions))
34
+ }
35
+
36
+ .prefix {
37
+ margin-right: calc(36px / var(--ratio-dimensions));
38
+ display: flex;
39
+ }
40
+
41
+ .suffix {
42
+ margin-left: calc(36px / var(--ratio-dimensions));
43
+ display: flex;
44
+ }
45
+
46
+ .wrapperFocused {
47
+ border-color: var(--focus-color);
48
+ }
package/esm/components/form/Label.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ interface Props {
3
+ label?: React.ReactNode;
4
+ variant?: "big";
5
+ }
6
+ declare const Label: React.FC<Props>;
7
+ export { Label };
8
+ //# sourceMappingURL=Label.d.ts.map
package/esm/components/form/Label.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/form/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAe1B,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
package/esm/components/form/Label.js ADDED
@@ -0,0 +1,16 @@
1
+ import React from "react";
2
+ import styles from "./Label.module.scss";
3
+ import { makeVariants } from "../../utils/makeVariants";
4
+ import classnames from "classnames";
5
+ const Label = (props) => {
6
+ const v = makeVariants(props.variant);
7
+ const labelCls = classnames(styles.text, {
8
+ [styles.textBig]: v.includes("big"),
9
+ });
10
+ const label = props.label ? React.createElement("div", { className: labelCls }, props.label) : null;
11
+ return (React.createElement("label", { className: styles.label },
12
+ label,
13
+ props.children));
14
+ };
15
+ export { Label };
16
+ //# sourceMappingURL=Label.js.map
package/esm/components/form/Label.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/form/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,KAAK,GAAoB,CAAC,KAAK,EAAE,EAAE;IACrC,MAAM,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE;QACrC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;KACtC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,QAAQ,IAAG,KAAK,CAAC,KAAK,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAEjF,OAAO,CACH,+BAAO,SAAS,EAAE,MAAM,CAAC,KAAK;QACzB,KAAK;QACL,KAAK,CAAC,QAAQ,CACX,CACX,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}