react-miui 0.2.0 → 0.4.2

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 (302) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/assets/forward.svg +1 -0
  3. package/assets/sources/back.fla +0 -0
  4. package/dist/components/form/Checkbox.js +2 -2
  5. package/dist/components/form/Checkbox.js.map +1 -1
  6. package/dist/components/form/Toggle.d.ts +8 -0
  7. package/dist/components/form/Toggle.d.ts.map +1 -0
  8. package/dist/{demo/components/form/Checkbox.js → components/form/Toggle.js} +17 -8
  9. package/dist/components/form/Toggle.js.map +1 -0
  10. package/dist/components/form/Toggle.module.scss +46 -0
  11. package/dist/components/icons/Back.d.ts.map +1 -1
  12. package/dist/components/icons/Back.js.map +1 -1
  13. package/dist/components/icons/Forward.d.ts +7 -0
  14. package/dist/components/icons/Forward.d.ts.map +1 -0
  15. package/dist/components/icons/Forward.js +13 -0
  16. package/dist/components/icons/Forward.js.map +1 -0
  17. package/dist/components/icons/Icon.d.ts +2 -1
  18. package/dist/components/icons/Icon.d.ts.map +1 -1
  19. package/dist/components/icons/Icon.js +7 -4
  20. package/dist/components/icons/Icon.js.map +1 -1
  21. package/dist/components/layout/header/Header.js +4 -4
  22. package/dist/components/layout/header/Header.js.map +1 -1
  23. package/dist/components/layout/list/Header.d.ts +4 -0
  24. package/dist/components/layout/list/Header.d.ts.map +1 -0
  25. package/dist/components/layout/list/Header.js +16 -0
  26. package/dist/components/layout/list/Header.js.map +1 -0
  27. package/dist/components/layout/list/Header.module.scss +8 -0
  28. package/dist/components/layout/list/Item.d.ts +8 -1
  29. package/dist/components/layout/list/Item.d.ts.map +1 -1
  30. package/dist/components/layout/list/Item.js +21 -5
  31. package/dist/components/layout/list/Item.js.map +1 -1
  32. package/dist/components/layout/list/Item.module.scss +10 -2
  33. package/dist/components/layout/list/Label.d.ts +8 -0
  34. package/dist/components/layout/list/Label.d.ts.map +1 -0
  35. package/dist/components/layout/list/Label.js +16 -0
  36. package/dist/components/layout/list/Label.js.map +1 -0
  37. package/dist/components/layout/list/Label.module.scss +9 -0
  38. package/dist/components/layout/list/List.d.ts +5 -1
  39. package/dist/components/layout/list/List.d.ts.map +1 -1
  40. package/dist/components/layout/list/List.js +2 -0
  41. package/dist/components/layout/list/List.js.map +1 -1
  42. package/dist/components/layout/list/Value.d.ts +4 -0
  43. package/dist/components/layout/list/Value.d.ts.map +1 -0
  44. package/dist/components/layout/list/Value.js +13 -0
  45. package/dist/components/layout/list/Value.js.map +1 -0
  46. package/dist/components/layout/list/Value.module.scss +7 -0
  47. package/dist/components/ui/action/Action.js +2 -2
  48. package/dist/components/ui/action/Action.js.map +1 -1
  49. package/dist/components/ui/action/EqualActions.js +3 -3
  50. package/dist/components/ui/action/EqualActions.js.map +1 -1
  51. package/dist/components/ui/button/Button.js +3 -3
  52. package/dist/components/ui/button/Button.js.map +1 -1
  53. package/dist/global.scss +8 -1
  54. package/dist/index.d.ts +4 -0
  55. package/dist/index.d.ts.map +1 -1
  56. package/dist/index.js +4 -0
  57. package/dist/index.js.map +1 -1
  58. package/docs/assets/js/search.js +1 -1
  59. package/docs/assets/js/search.json +1 -1
  60. package/docs/enums/ICON.html +31 -5
  61. package/docs/index.html +22 -4
  62. package/docs/modules/Item.html +155 -0
  63. package/docs/modules/List.html +144 -0
  64. package/docs/modules/StickyHeader.html +10 -4
  65. package/docs/modules.html +78 -14
  66. package/docs/pages/Tutorials/Test.html +9 -3
  67. package/esm/components/form/Checkbox.js +1 -1
  68. package/esm/components/form/Checkbox.js.map +1 -1
  69. package/esm/components/form/Toggle.d.ts +8 -0
  70. package/esm/components/form/Toggle.d.ts.map +1 -0
  71. package/esm/components/form/Toggle.js +15 -0
  72. package/esm/components/form/Toggle.js.map +1 -0
  73. package/esm/components/form/Toggle.module.scss +46 -0
  74. package/esm/components/icons/Back.d.ts.map +1 -1
  75. package/esm/components/icons/Back.js.map +1 -1
  76. package/esm/components/icons/Forward.d.ts +7 -0
  77. package/esm/components/icons/Forward.d.ts.map +1 -0
  78. package/esm/components/icons/Forward.js +7 -0
  79. package/esm/components/icons/Forward.js.map +1 -0
  80. package/esm/components/icons/Icon.d.ts +2 -1
  81. package/esm/components/icons/Icon.d.ts.map +1 -1
  82. package/esm/components/icons/Icon.js +5 -2
  83. package/esm/components/icons/Icon.js.map +1 -1
  84. package/esm/components/layout/header/Header.js +2 -2
  85. package/esm/components/layout/header/Header.js.map +1 -1
  86. package/esm/components/layout/list/Header.d.ts +4 -0
  87. package/esm/components/layout/list/Header.d.ts.map +1 -0
  88. package/esm/components/layout/list/Header.js +10 -0
  89. package/esm/components/layout/list/Header.js.map +1 -0
  90. package/esm/components/layout/list/Header.module.scss +8 -0
  91. package/esm/components/layout/list/Item.d.ts +8 -1
  92. package/esm/components/layout/list/Item.d.ts.map +1 -1
  93. package/esm/components/layout/list/Item.js +21 -5
  94. package/esm/components/layout/list/Item.js.map +1 -1
  95. package/esm/components/layout/list/Item.module.scss +10 -2
  96. package/esm/components/layout/list/Label.d.ts +8 -0
  97. package/esm/components/layout/list/Label.d.ts.map +1 -0
  98. package/esm/components/layout/list/Label.js +10 -0
  99. package/esm/components/layout/list/Label.js.map +1 -0
  100. package/esm/components/layout/list/Label.module.scss +9 -0
  101. package/esm/components/layout/list/List.d.ts +5 -1
  102. package/esm/components/layout/list/List.d.ts.map +1 -1
  103. package/esm/components/layout/list/List.js +2 -0
  104. package/esm/components/layout/list/List.js.map +1 -1
  105. package/esm/components/layout/list/Value.d.ts +4 -0
  106. package/esm/components/layout/list/Value.d.ts.map +1 -0
  107. package/esm/components/layout/list/Value.js +7 -0
  108. package/esm/components/layout/list/Value.js.map +1 -0
  109. package/esm/components/layout/list/Value.module.scss +7 -0
  110. package/esm/components/ui/action/Action.js +1 -1
  111. package/esm/components/ui/action/Action.js.map +1 -1
  112. package/esm/components/ui/action/EqualActions.js +2 -2
  113. package/esm/components/ui/action/EqualActions.js.map +1 -1
  114. package/esm/components/ui/button/Button.js +2 -2
  115. package/esm/components/ui/button/Button.js.map +1 -1
  116. package/esm/global.scss +8 -1
  117. package/esm/index.d.ts +4 -0
  118. package/esm/index.d.ts.map +1 -1
  119. package/esm/index.js +4 -0
  120. package/esm/index.js.map +1 -1
  121. package/package.json +1 -1
  122. package/src/components/form/Checkbox.tsx +1 -1
  123. package/src/components/form/Toggle.module.scss +46 -0
  124. package/src/components/form/Toggle.tsx +33 -0
  125. package/src/components/icons/Back.tsx +7 -1
  126. package/src/components/icons/Forward.tsx +21 -0
  127. package/src/components/icons/Icon.tsx +7 -4
  128. package/src/components/layout/header/Header.tsx +2 -2
  129. package/src/components/layout/list/Header.module.scss +8 -0
  130. package/src/components/layout/list/Header.tsx +16 -0
  131. package/src/components/layout/list/Item.module.scss +10 -2
  132. package/src/components/layout/list/Item.tsx +33 -6
  133. package/src/components/layout/list/Label.module.scss +9 -0
  134. package/src/components/layout/list/Label.tsx +21 -0
  135. package/src/components/layout/list/List.tsx +8 -1
  136. package/src/components/layout/list/Value.module.scss +7 -0
  137. package/src/components/layout/list/Value.tsx +11 -0
  138. package/src/components/ui/action/Action.tsx +1 -1
  139. package/src/components/ui/action/EqualActions.tsx +2 -2
  140. package/src/components/ui/button/Button.tsx +2 -2
  141. package/src/demo/components/form/Toggle.tsx +49 -0
  142. package/src/demo/components/layout/header/Header.tsx +9 -1
  143. package/src/demo/components/layout/list/Header.tsx +24 -0
  144. package/src/demo/components/layout/list/ItemRatio.tsx +21 -0
  145. package/src/demo/components/layout/list/Label.tsx +31 -0
  146. package/src/demo/components/layout/list/List.Item.module.scss +4 -0
  147. package/src/demo/components/layout/list/Value.module.scss +4 -0
  148. package/src/demo/components/layout/list/Value.tsx +26 -0
  149. package/src/demo/components/ui/icons/Icons.tsx +3 -7
  150. package/src/demo/componentsMap.ts +32 -1
  151. package/src/global.scss +8 -1
  152. package/src/index.ts +4 -0
  153. package/dist/demo/Demo.d.ts +0 -4
  154. package/dist/demo/Demo.d.ts.map +0 -1
  155. package/dist/demo/Demo.js +0 -18
  156. package/dist/demo/Demo.js.map +0 -1
  157. package/dist/demo/Demo.module.scss +0 -4
  158. package/dist/demo/Main.d.ts +0 -4
  159. package/dist/demo/Main.d.ts.map +0 -1
  160. package/dist/demo/Main.js +0 -83
  161. package/dist/demo/Main.js.map +0 -1
  162. package/dist/demo/Main.module.scss +0 -30
  163. package/dist/demo/Menu.d.ts +0 -9
  164. package/dist/demo/Menu.d.ts.map +0 -1
  165. package/dist/demo/Menu.js +0 -31
  166. package/dist/demo/Menu.js.map +0 -1
  167. package/dist/demo/Menu.module.scss +0 -41
  168. package/dist/demo/components/form/Checkbox.d.ts +0 -4
  169. package/dist/demo/components/form/Checkbox.d.ts.map +0 -1
  170. package/dist/demo/components/form/Checkbox.js.map +0 -1
  171. package/dist/demo/components/layout/header/Header.d.ts +0 -7
  172. package/dist/demo/components/layout/header/Header.d.ts.map +0 -1
  173. package/dist/demo/components/layout/header/Header.js +0 -55
  174. package/dist/demo/components/layout/header/Header.js.map +0 -1
  175. package/dist/demo/components/layout/header/StickyHeader.d.ts +0 -9
  176. package/dist/demo/components/layout/header/StickyHeader.d.ts.map +0 -1
  177. package/dist/demo/components/layout/header/StickyHeader.js +0 -73
  178. package/dist/demo/components/layout/header/StickyHeader.js.map +0 -1
  179. package/dist/demo/components/layout/list/List.Item.d.ts +0 -4
  180. package/dist/demo/components/layout/list/List.Item.d.ts.map +0 -1
  181. package/dist/demo/components/layout/list/List.Item.js +0 -42
  182. package/dist/demo/components/layout/list/List.Item.js.map +0 -1
  183. package/dist/demo/components/layout/list/List.Item.module.scss +0 -3
  184. package/dist/demo/components/ui/action/Action.d.ts +0 -8
  185. package/dist/demo/components/ui/action/Action.d.ts.map +0 -1
  186. package/dist/demo/components/ui/action/Action.js +0 -83
  187. package/dist/demo/components/ui/action/Action.js.map +0 -1
  188. package/dist/demo/components/ui/action/ActionDemo.module.scss +0 -3
  189. package/dist/demo/components/ui/button/ButtonDemo.d.ts +0 -4
  190. package/dist/demo/components/ui/button/ButtonDemo.d.ts.map +0 -1
  191. package/dist/demo/components/ui/button/ButtonDemo.js +0 -20
  192. package/dist/demo/components/ui/button/ButtonDemo.js.map +0 -1
  193. package/dist/demo/components/ui/directionPad/Pad.d.ts +0 -4
  194. package/dist/demo/components/ui/directionPad/Pad.d.ts.map +0 -1
  195. package/dist/demo/components/ui/directionPad/Pad.js +0 -49
  196. package/dist/demo/components/ui/directionPad/Pad.js.map +0 -1
  197. package/dist/demo/components/ui/icons/Icons.d.ts +0 -4
  198. package/dist/demo/components/ui/icons/Icons.d.ts.map +0 -1
  199. package/dist/demo/components/ui/icons/Icons.js +0 -20
  200. package/dist/demo/components/ui/icons/Icons.js.map +0 -1
  201. package/dist/demo/components/ui/icons/Icons.module.scss +0 -4
  202. package/dist/demo/componentsMap.d.ts +0 -13
  203. package/dist/demo/componentsMap.d.ts.map +0 -1
  204. package/dist/demo/componentsMap.js +0 -103
  205. package/dist/demo/componentsMap.js.map +0 -1
  206. package/dist/demo/utils/makeVariants.d.ts +0 -3
  207. package/dist/demo/utils/makeVariants.d.ts.map +0 -1
  208. package/dist/demo/utils/makeVariants.js +0 -14
  209. package/dist/demo/utils/makeVariants.js.map +0 -1
  210. package/dist/demo/utils/safeUseHash.d.ts +0 -3
  211. package/dist/demo/utils/safeUseHash.d.ts.map +0 -1
  212. package/dist/demo/utils/safeUseHash.js +0 -13
  213. package/dist/demo/utils/safeUseHash.js.map +0 -1
  214. package/dist/demo-global.scss +0 -9
  215. package/dist/pages/_app.d.ts +0 -7
  216. package/dist/pages/_app.d.ts.map +0 -1
  217. package/dist/pages/_app.js +0 -15
  218. package/dist/pages/_app.js.map +0 -1
  219. package/dist/pages/index.d.ts +0 -4
  220. package/dist/pages/index.d.ts.map +0 -1
  221. package/dist/pages/index.js +0 -10
  222. package/dist/pages/index.js.map +0 -1
  223. package/dist/pages/react-miui.d.ts +0 -4
  224. package/dist/pages/react-miui.d.ts.map +0 -1
  225. package/dist/pages/react-miui.js +0 -11
  226. package/dist/pages/react-miui.js.map +0 -1
  227. package/esm/demo/Demo.d.ts +0 -4
  228. package/esm/demo/Demo.d.ts.map +0 -1
  229. package/esm/demo/Demo.js +0 -12
  230. package/esm/demo/Demo.js.map +0 -1
  231. package/esm/demo/Demo.module.scss +0 -4
  232. package/esm/demo/Main.d.ts +0 -4
  233. package/esm/demo/Main.d.ts.map +0 -1
  234. package/esm/demo/Main.js +0 -58
  235. package/esm/demo/Main.js.map +0 -1
  236. package/esm/demo/Main.module.scss +0 -30
  237. package/esm/demo/Menu.d.ts +0 -9
  238. package/esm/demo/Menu.d.ts.map +0 -1
  239. package/esm/demo/Menu.js +0 -25
  240. package/esm/demo/Menu.js.map +0 -1
  241. package/esm/demo/Menu.module.scss +0 -41
  242. package/esm/demo/components/form/Checkbox.d.ts +0 -4
  243. package/esm/demo/components/form/Checkbox.d.ts.map +0 -1
  244. package/esm/demo/components/form/Checkbox.js +0 -9
  245. package/esm/demo/components/form/Checkbox.js.map +0 -1
  246. package/esm/demo/components/layout/header/Header.d.ts +0 -7
  247. package/esm/demo/components/layout/header/Header.d.ts.map +0 -1
  248. package/esm/demo/components/layout/header/Header.js +0 -46
  249. package/esm/demo/components/layout/header/Header.js.map +0 -1
  250. package/esm/demo/components/layout/header/StickyHeader.d.ts +0 -9
  251. package/esm/demo/components/layout/header/StickyHeader.d.ts.map +0 -1
  252. package/esm/demo/components/layout/header/StickyHeader.js +0 -62
  253. package/esm/demo/components/layout/header/StickyHeader.js.map +0 -1
  254. package/esm/demo/components/layout/list/List.Item.d.ts +0 -4
  255. package/esm/demo/components/layout/list/List.Item.d.ts.map +0 -1
  256. package/esm/demo/components/layout/list/List.Item.js +0 -17
  257. package/esm/demo/components/layout/list/List.Item.js.map +0 -1
  258. package/esm/demo/components/layout/list/List.Item.module.scss +0 -3
  259. package/esm/demo/components/ui/action/Action.d.ts +0 -8
  260. package/esm/demo/components/ui/action/Action.d.ts.map +0 -1
  261. package/esm/demo/components/ui/action/Action.js +0 -73
  262. package/esm/demo/components/ui/action/Action.js.map +0 -1
  263. package/esm/demo/components/ui/action/ActionDemo.module.scss +0 -3
  264. package/esm/demo/components/ui/button/ButtonDemo.d.ts +0 -4
  265. package/esm/demo/components/ui/button/ButtonDemo.d.ts.map +0 -1
  266. package/esm/demo/components/ui/button/ButtonDemo.js +0 -14
  267. package/esm/demo/components/ui/button/ButtonDemo.js.map +0 -1
  268. package/esm/demo/components/ui/directionPad/Pad.d.ts +0 -4
  269. package/esm/demo/components/ui/directionPad/Pad.d.ts.map +0 -1
  270. package/esm/demo/components/ui/directionPad/Pad.js +0 -27
  271. package/esm/demo/components/ui/directionPad/Pad.js.map +0 -1
  272. package/esm/demo/components/ui/icons/Icons.d.ts +0 -4
  273. package/esm/demo/components/ui/icons/Icons.d.ts.map +0 -1
  274. package/esm/demo/components/ui/icons/Icons.js +0 -14
  275. package/esm/demo/components/ui/icons/Icons.js.map +0 -1
  276. package/esm/demo/components/ui/icons/Icons.module.scss +0 -4
  277. package/esm/demo/componentsMap.d.ts +0 -13
  278. package/esm/demo/componentsMap.d.ts.map +0 -1
  279. package/esm/demo/componentsMap.js +0 -100
  280. package/esm/demo/componentsMap.js.map +0 -1
  281. package/esm/demo/utils/makeVariants.d.ts +0 -3
  282. package/esm/demo/utils/makeVariants.d.ts.map +0 -1
  283. package/esm/demo/utils/makeVariants.js +0 -11
  284. package/esm/demo/utils/makeVariants.js.map +0 -1
  285. package/esm/demo/utils/safeUseHash.d.ts +0 -3
  286. package/esm/demo/utils/safeUseHash.d.ts.map +0 -1
  287. package/esm/demo/utils/safeUseHash.js +0 -10
  288. package/esm/demo/utils/safeUseHash.js.map +0 -1
  289. package/esm/demo-global.scss +0 -9
  290. package/esm/pages/_app.d.ts +0 -7
  291. package/esm/pages/_app.d.ts.map +0 -1
  292. package/esm/pages/_app.js +0 -10
  293. package/esm/pages/_app.js.map +0 -1
  294. package/esm/pages/index.d.ts +0 -4
  295. package/esm/pages/index.d.ts.map +0 -1
  296. package/esm/pages/index.js +0 -5
  297. package/esm/pages/index.js.map +0 -1
  298. package/esm/pages/react-miui.d.ts +0 -4
  299. package/esm/pages/react-miui.d.ts.map +0 -1
  300. package/esm/pages/react-miui.js +0 -6
  301. package/esm/pages/react-miui.js.map +0 -1
  302. package/src/demo/components/ui/icons/Icons.module.scss +0 -4
package/docs/modules/List.html ADDED
@@ -0,0 +1,144 @@
1
+ <!doctype html>
2
+ <html class="default no-js">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
+ <title>List | react-miui - v0.4.2</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.4.2">
8
+ <meta name="viewport" content="width=device-width, initial-scale=1">
9
+ <link rel="stylesheet" href="../assets/css/main.css">
10
+ <link rel="stylesheet" href="../assets/css/pages.css">
11
+ </head>
12
+ <body>
13
+ <header>
14
+ <div class="tsd-page-toolbar">
15
+ <div class="container">
16
+ <div class="table-wrap">
17
+ <div class="table-cell" id="tsd-search" data-index="../assets/js/search.json" data-base="..">
18
+ <div class="field">
19
+ <label for="tsd-search-field" class="tsd-widget search no-caption">Search</label>
20
+ <input id="tsd-search-field" type="text" />
21
+ </div>
22
+ <ul class="results">
23
+ <li class="state loading">Preparing search index...</li>
24
+ <li class="state failure">The search index is not available</li>
25
+ </ul>
26
+ <a href="../index.html" class="title">react-miui - v0.4.2</a>
27
+ </div>
28
+ <div class="table-cell" id="tsd-widgets">
29
+ <div id="tsd-filter">
30
+ <a href="#" class="tsd-widget options no-caption" data-toggle="options">Options</a>
31
+ <div class="tsd-filter-group">
32
+ <div class="tsd-select" id="tsd-filter-visibility">
33
+ <span class="tsd-select-label">All</span>
34
+ <ul class="tsd-select-list">
35
+ <li data-value="public">Public</li>
36
+ <li data-value="protected">Public/Protected</li>
37
+ <li data-value="private" class="selected">All</li>
38
+ </ul>
39
+ </div>
40
+ <input type="checkbox" id="tsd-filter-inherited" checked />
41
+ <label class="tsd-widget" for="tsd-filter-inherited">Inherited</label>
42
+ <input type="checkbox" id="tsd-filter-externals" checked />
43
+ <label class="tsd-widget" for="tsd-filter-externals">Externals</label>
44
+ <input type="checkbox" id="tsd-filter-only-exported" />
45
+ <label class="tsd-widget" for="tsd-filter-only-exported">Only exported</label>
46
+ </div>
47
+ </div>
48
+ <a href="#" class="tsd-widget menu no-caption" data-toggle="menu">Menu</a>
49
+ </div>
50
+ </div>
51
+ </div>
52
+ </div>
53
+ <div class="tsd-page-title">
54
+ <div class="container">
55
+ <ul class="tsd-breadcrumb">
56
+ <li>
57
+ <a href="../modules.html">Globals</a>
58
+ </li>
59
+ <li>
60
+ <a href="List.html">List</a>
61
+ </li>
62
+ </ul>
63
+ <h1>Namespace List</h1>
64
+ </div>
65
+ </div>
66
+ </header>
67
+ <div class="container container-main">
68
+ <div class="row">
69
+ <div class="col-8 col-content">
70
+ <section class="tsd-panel-group tsd-index-group">
71
+ <h2>Index</h2>
72
+ <section class="tsd-panel tsd-index-panel">
73
+ <div class="tsd-index-content">
74
+ <section class="tsd-index-section ">
75
+ <h3>Variables</h3>
76
+ <ul class="tsd-index-list">
77
+ <li class="tsd-kind-variable tsd-parent-kind-namespace"><a href="List.html#Header" class="tsd-kind-icon">Header</a></li>
78
+ </ul>
79
+ </section>
80
+ </div>
81
+ </section>
82
+ </section>
83
+ <section class="tsd-panel-group tsd-member-group ">
84
+ <h2>Variables</h2>
85
+ <section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-namespace">
86
+ <a name="Header" class="tsd-anchor"></a>
87
+ <h3>Header</h3>
88
+ <div class="tsd-signature tsd-kind-icon">Header<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">&gt;</span></div>
89
+ <aside class="tsd-sources">
90
+ </aside>
91
+ </section>
92
+ </section>
93
+ </div>
94
+ <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
95
+ <nav class="tsd-navigation primary">
96
+ <ul>
97
+ <li class="label pp-nav pp-group">
98
+ <span>Tutorials</span>
99
+ </li>
100
+ <li class=" pp-nav pp-page">
101
+ <a href="../pages/Tutorials/Test.html">Test</a>
102
+ </li>
103
+ <li class="label pp-nav pp-group">
104
+ <span>API</span>
105
+ </li>
106
+ <li class=" ">
107
+ <a href="../modules.html">Exports</a>
108
+ </li>
109
+ <li class=" tsd-kind-namespace">
110
+ <a href="Item.html">Item</a>
111
+ </li>
112
+ <li class="current tsd-kind-namespace">
113
+ <a href="List.html">List</a>
114
+ </li>
115
+ <li class=" tsd-kind-namespace">
116
+ <a href="StickyHeader.html">Sticky<wbr>Header</a>
117
+ </li>
118
+ </ul>
119
+ </nav>
120
+ <nav class="tsd-navigation secondary menu-sticky">
121
+ <ul class="before-current">
122
+ <li class=" tsd-kind-variable tsd-parent-kind-namespace">
123
+ <a href="List.html#Header" class="tsd-kind-icon">Header</a>
124
+ </li>
125
+ </ul>
126
+ </nav>
127
+ </div>
128
+ </div>
129
+ </div>
130
+ <footer class="with-border-bottom">
131
+ <div class="container">
132
+ <h2>Legend</h2>
133
+ <div class="tsd-legend-group">
134
+ </div>
135
+ </div>
136
+ </footer>
137
+ <div class="container tsd-generator">
138
+ <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
139
+ </div>
140
+ <div class="overlay"></div>
141
+ <script src="../assets/js/main.js"></script>
142
+ <script>if (location.protocol == 'file:') document.write('<script src="../assets/js/search.json"><' + '/script>');</script>
143
+ </body>
144
+ </html>
package/docs/modules/StickyHeader.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>StickyHeader | react-miui - v0.2.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.2.0">
6
+ <title>StickyHeader | react-miui - v0.4.2</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.4.2">
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.2.0</a>
26
+ <a href="../index.html" class="title">react-miui - v0.4.2</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -92,7 +92,7 @@
92
92
  <li class="tsd-description">
93
93
  <aside class="tsd-sources">
94
94
  <ul>
95
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/40acbc6/src/components/layout/header/StickyHeader.tsx#L50">src/components/layout/header/StickyHeader.tsx:50</a></li>
95
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/5335b97/src/components/layout/header/StickyHeader.tsx#L50">src/components/layout/header/StickyHeader.tsx:50</a></li>
96
96
  </ul>
97
97
  </aside>
98
98
  <h4 class="tsd-parameters-title">Parameters</h4>
@@ -127,6 +127,12 @@
127
127
  <li class=" ">
128
128
  <a href="../modules.html">Exports</a>
129
129
  </li>
130
+ <li class=" tsd-kind-namespace">
131
+ <a href="Item.html">Item</a>
132
+ </li>
133
+ <li class=" tsd-kind-namespace">
134
+ <a href="List.html">List</a>
135
+ </li>
130
136
  <li class="current tsd-kind-namespace">
131
137
  <a href="StickyHeader.html">Sticky<wbr>Header</a>
132
138
  </li>
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.2.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.2.0">
6
+ <title>react-miui - v0.4.2</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.4.2">
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.2.0</a>
26
+ <a href="index.html" class="title">react-miui - v0.4.2</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.2.0</h1>
60
+ <h1>Project react-miui - v0.4.2</h1>
61
61
  </div>
62
62
  </div>
63
63
  </header>
@@ -71,6 +71,8 @@
71
71
  <section class="tsd-index-section ">
72
72
  <h3>Namespaces</h3>
73
73
  <ul class="tsd-index-list">
74
+ <li class="tsd-kind-namespace"><a href="modules/Item.html" class="tsd-kind-icon">Item</a></li>
75
+ <li class="tsd-kind-namespace"><a href="modules/List.html" class="tsd-kind-icon">List</a></li>
74
76
  <li class="tsd-kind-namespace"><a href="modules/StickyHeader.html" class="tsd-kind-icon">Sticky<wbr>Header</a></li>
75
77
  </ul>
76
78
  </section>
@@ -83,14 +85,18 @@
83
85
  <section class="tsd-index-section ">
84
86
  <h3>Variables</h3>
85
87
  <ul class="tsd-index-list">
88
+ <li class="tsd-kind-variable"><a href="modules.html#Action" class="tsd-kind-icon">Action</a></li>
86
89
  <li class="tsd-kind-variable"><a href="modules.html#Button" class="tsd-kind-icon">Button</a></li>
87
90
  <li class="tsd-kind-variable"><a href="modules.html#Checkbox" class="tsd-kind-icon">Checkbox</a></li>
88
91
  <li class="tsd-kind-variable"><a href="modules.html#DirectionPad" class="tsd-kind-icon">Direction<wbr>Pad</a></li>
92
+ <li class="tsd-kind-variable"><a href="modules.html#EqualActions" class="tsd-kind-icon">Equal<wbr>Actions</a></li>
89
93
  <li class="tsd-kind-variable"><a href="modules.html#Header" class="tsd-kind-icon">Header</a></li>
94
+ <li class="tsd-kind-variable"><a href="modules.html#HeaderIconAction" class="tsd-kind-icon">Header<wbr>Icon<wbr>Action</a></li>
90
95
  <li class="tsd-kind-variable"><a href="modules.html#Icon" class="tsd-kind-icon">Icon</a></li>
91
96
  <li class="tsd-kind-variable"><a href="modules.html#Item" class="tsd-kind-icon">Item</a></li>
92
97
  <li class="tsd-kind-variable"><a href="modules.html#List" class="tsd-kind-icon">List</a></li>
93
98
  <li class="tsd-kind-variable"><a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a></li>
99
+ <li class="tsd-kind-variable"><a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a></li>
94
100
  </ul>
95
101
  </section>
96
102
  </div>
@@ -98,13 +104,23 @@
98
104
  </section>
99
105
  <section class="tsd-panel-group tsd-member-group ">
100
106
  <h2>Variables</h2>
107
+ <section class="tsd-panel tsd-member tsd-kind-variable">
108
+ <a name="Action" class="tsd-anchor"></a>
109
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Action</h3>
110
+ <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>
111
+ <aside class="tsd-sources">
112
+ <ul>
113
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/5335b97/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
114
+ </ul>
115
+ </aside>
116
+ </section>
101
117
  <section class="tsd-panel tsd-member tsd-kind-variable">
102
118
  <a name="Button" class="tsd-anchor"></a>
103
119
  <h3><span class="tsd-flag ts-flagConst">Const</span> Button</h3>
104
120
  <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">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
105
121
  <aside class="tsd-sources">
106
122
  <ul>
107
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/40acbc6/src/components/ui/button/Button.tsx#L12">src/components/ui/button/Button.tsx:12</a></li>
123
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/5335b97/src/components/ui/button/Button.tsx#L12">src/components/ui/button/Button.tsx:12</a></li>
108
124
  </ul>
109
125
  </aside>
110
126
  </section>
@@ -114,7 +130,7 @@
114
130
  <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>
115
131
  <aside class="tsd-sources">
116
132
  <ul>
117
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/40acbc6/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
133
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/5335b97/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
118
134
  </ul>
119
135
  </aside>
120
136
  </section>
@@ -124,7 +140,17 @@
124
140
  <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>
125
141
  <aside class="tsd-sources">
126
142
  <ul>
127
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/40acbc6/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
143
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/5335b97/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
144
+ </ul>
145
+ </aside>
146
+ </section>
147
+ <section class="tsd-panel tsd-member tsd-kind-variable">
148
+ <a name="EqualActions" class="tsd-anchor"></a>
149
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Equal<wbr>Actions</h3>
150
+ <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>
151
+ <aside class="tsd-sources">
152
+ <ul>
153
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/5335b97/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
128
154
  </ul>
129
155
  </aside>
130
156
  </section>
@@ -134,7 +160,17 @@
134
160
  <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>
135
161
  <aside class="tsd-sources">
136
162
  <ul>
137
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/40acbc6/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
163
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/5335b97/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
164
+ </ul>
165
+ </aside>
166
+ </section>
167
+ <section class="tsd-panel tsd-member tsd-kind-variable">
168
+ <a name="HeaderIconAction" class="tsd-anchor"></a>
169
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Header<wbr>Icon<wbr>Action</h3>
170
+ <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>
171
+ <aside class="tsd-sources">
172
+ <ul>
173
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/5335b97/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
138
174
  </ul>
139
175
  </aside>
140
176
  </section>
@@ -144,27 +180,27 @@
144
180
  <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>
145
181
  <aside class="tsd-sources">
146
182
  <ul>
147
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/40acbc6/src/components/icons/Icon.tsx#L22">src/components/icons/Icon.tsx:22</a></li>
183
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/5335b97/src/components/icons/Icon.tsx#L25">src/components/icons/Icon.tsx:25</a></li>
148
184
  </ul>
149
185
  </aside>
150
186
  </section>
151
187
  <section class="tsd-panel tsd-member tsd-kind-variable">
152
188
  <a name="Item" class="tsd-anchor"></a>
153
189
  <h3><span class="tsd-flag ts-flagConst">Const</span> Item</h3>
154
- <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"> = ...</span></div>
190
+ <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>
155
191
  <aside class="tsd-sources">
156
192
  <ul>
157
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/40acbc6/src/components/layout/list/Item.tsx#L18">src/components/layout/list/Item.tsx:18</a></li>
193
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/5335b97/src/components/layout/list/Item.tsx#L27">src/components/layout/list/Item.tsx:27</a></li>
158
194
  </ul>
159
195
  </aside>
160
196
  </section>
161
197
  <section class="tsd-panel tsd-member tsd-kind-variable">
162
198
  <a name="List" class="tsd-anchor"></a>
163
199
  <h3><span class="tsd-flag ts-flagConst">Const</span> List</h3>
164
- <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"> = ...</span></div>
200
+ <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>
165
201
  <aside class="tsd-sources">
166
202
  <ul>
167
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/40acbc6/src/components/layout/list/List.tsx#L5">src/components/layout/list/List.tsx:5</a></li>
203
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/5335b97/src/components/layout/list/List.tsx#L10">src/components/layout/list/List.tsx:10</a></li>
168
204
  </ul>
169
205
  </aside>
170
206
  </section>
@@ -174,7 +210,17 @@
174
210
  <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>
175
211
  <aside class="tsd-sources">
176
212
  <ul>
177
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/40acbc6/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
213
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/5335b97/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
214
+ </ul>
215
+ </aside>
216
+ </section>
217
+ <section class="tsd-panel tsd-member tsd-kind-variable">
218
+ <a name="Toggle" class="tsd-anchor"></a>
219
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Toggle</h3>
220
+ <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>
221
+ <aside class="tsd-sources">
222
+ <ul>
223
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/5335b97/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
178
224
  </ul>
179
225
  </aside>
180
226
  </section>
@@ -195,6 +241,12 @@
195
241
  <li class="current ">
196
242
  <a href="modules.html">Exports</a>
197
243
  </li>
244
+ <li class=" tsd-kind-namespace">
245
+ <a href="modules/Item.html">Item</a>
246
+ </li>
247
+ <li class=" tsd-kind-namespace">
248
+ <a href="modules/List.html">List</a>
249
+ </li>
198
250
  <li class=" tsd-kind-namespace">
199
251
  <a href="modules/StickyHeader.html">Sticky<wbr>Header</a>
200
252
  </li>
@@ -205,6 +257,9 @@
205
257
  <li class=" tsd-kind-enum">
206
258
  <a href="enums/ICON.html" class="tsd-kind-icon">ICON</a>
207
259
  </li>
260
+ <li class=" tsd-kind-variable">
261
+ <a href="modules.html#Action" class="tsd-kind-icon">Action</a>
262
+ </li>
208
263
  <li class=" tsd-kind-variable">
209
264
  <a href="modules.html#Button" class="tsd-kind-icon">Button</a>
210
265
  </li>
@@ -214,9 +269,15 @@
214
269
  <li class=" tsd-kind-variable">
215
270
  <a href="modules.html#DirectionPad" class="tsd-kind-icon">Direction<wbr>Pad</a>
216
271
  </li>
272
+ <li class=" tsd-kind-variable">
273
+ <a href="modules.html#EqualActions" class="tsd-kind-icon">Equal<wbr>Actions</a>
274
+ </li>
217
275
  <li class=" tsd-kind-variable">
218
276
  <a href="modules.html#Header" class="tsd-kind-icon">Header</a>
219
277
  </li>
278
+ <li class=" tsd-kind-variable">
279
+ <a href="modules.html#HeaderIconAction" class="tsd-kind-icon">Header<wbr>Icon<wbr>Action</a>
280
+ </li>
220
281
  <li class=" tsd-kind-variable">
221
282
  <a href="modules.html#Icon" class="tsd-kind-icon">Icon</a>
222
283
  </li>
@@ -229,6 +290,9 @@
229
290
  <li class=" tsd-kind-variable">
230
291
  <a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a>
231
292
  </li>
293
+ <li class=" tsd-kind-variable">
294
+ <a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a>
295
+ </li>
232
296
  </ul>
233
297
  </nav>
234
298
  </div>
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.2.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.2.0">
6
+ <title>Test | react-miui - v0.4.2</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.4.2">
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.2.0</a>
26
+ <a href="../../index.html" class="title">react-miui - v0.4.2</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -89,6 +89,12 @@
89
89
  <li class=" ">
90
90
  <a href="../../modules.html">Exports</a>
91
91
  </li>
92
+ <li class=" tsd-kind-namespace">
93
+ <a href="../../modules/Item.html">Item</a>
94
+ </li>
95
+ <li class=" tsd-kind-namespace">
96
+ <a href="../../modules/List.html">List</a>
97
+ </li>
92
98
  <li class=" tsd-kind-namespace">
93
99
  <a href="../../modules/StickyHeader.html">Sticky<wbr>Header</a>
94
100
  </li>
package/esm/components/form/Checkbox.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from "react";
2
2
  import styles from "./Checkbox.module.scss";
3
- import { Checkmark } from "../icons/Checkmark";
3
+ import { Checkmark } from "../icons/Checkmark.js";
4
4
  const Checkbox = (props) => {
5
5
  const style = {};
6
6
  props.color && (style.color = props.color);
package/esm/components/form/Checkbox.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAS/C,MAAM,QAAQ,GAAoB,CAAC,KAAK,EAAE,EAAE;IACxC,MAAM,KAAK,GAAwB,EAAE,CAAC;IACtC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;IAE3C,OAAO,CACH,+BAAO,SAAS,EAAE,MAAM,CAAC,QAAQ;QAC7B,+BAAO,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI;QAC/F,8BAAM,KAAK,EAAE,KAAK;YAAE,oBAAC,SAAS,OAAG,CAAO;QACxC,kCAAO,KAAK,CAAC,QAAQ,CAAQ,CACzB,CACX,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AASlD,MAAM,QAAQ,GAAoB,CAAC,KAAK,EAAE,EAAE;IACxC,MAAM,KAAK,GAAwB,EAAE,CAAC;IACtC,KAAK,CAAC,KAAK,IAAI,CAAC,KAAK,CAAC,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC;IAE3C,OAAO,CACH,+BAAO,SAAS,EAAE,MAAM,CAAC,QAAQ;QAC7B,+BAAO,IAAI,EAAE,UAAU,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,QAAQ,EAAE,KAAK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,OAAO,GAAI;QAC/F,8BAAM,KAAK,EAAE,KAAK;YAAE,oBAAC,SAAS,OAAG,CAAO;QACxC,kCAAO,KAAK,CAAC,QAAQ,CAAQ,CACzB,CACX,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
package/esm/components/form/Toggle.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ interface Props {
3
+ onChange: (newState: boolean) => void;
4
+ state: boolean | null;
5
+ }
6
+ declare const Toggle: React.VFC<Props>;
7
+ export { Toggle };
8
+ //# sourceMappingURL=Toggle.d.ts.map
package/esm/components/form/Toggle.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,UAAU,KAAK;IACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAoB5B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/esm/components/form/Toggle.js ADDED
@@ -0,0 +1,15 @@
1
+ import React, { useCallback } from "react";
2
+ import styles from "./Toggle.module.scss";
3
+ const Toggle = (props) => {
4
+ const handleChange = useCallback((e) => {
5
+ if (props.state == null) {
6
+ return;
7
+ }
8
+ props.onChange(e.target.checked);
9
+ }, [props.onChange, props.state]);
10
+ return (React.createElement("label", { className: styles.container },
11
+ React.createElement("input", { type: "checkbox", checked: Boolean(props.state), "data-undetermined": props.state == null, readOnly: props.state == null, onChange: handleChange }),
12
+ React.createElement("div", { className: styles.toggle })));
13
+ };
14
+ export { Toggle };
15
+ //# sourceMappingURL=Toggle.js.map
package/esm/components/form/Toggle.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAO1C,MAAM,MAAM,GAAqB,CAAC,KAAK,EAAE,EAAE;IACvC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAgC,EAAE,EAAE;QAClE,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,EAAE;YACrB,OAAO;SACV;QACD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElC,OAAO,CACH,+BAAO,SAAS,EAAE,MAAM,CAAC,SAAS;QAC9B,+BACI,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,uBACV,KAAK,CAAC,KAAK,IAAI,IAAI,EACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,EAC7B,QAAQ,EAAE,YAAY,GACxB;QACF,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,GAAI,CAC7B,CACX,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/esm/components/form/Toggle.module.scss ADDED
@@ -0,0 +1,46 @@
1
+ .container {
2
+ --ratio-dimensions: 2.5;
3
+
4
+ display: inline-flex;
5
+ align-items: center;
6
+ border: 1px solid #ccc;
7
+ border-radius: 100px;
8
+ position: relative;
9
+ line-height: 0;
10
+ width: calc(110px / var(--ratio-dimensions));
11
+ height: calc(62px / var(--ratio-dimensions));
12
+ padding-left: calc(8px / var(--ratio-dimensions));
13
+ box-sizing: border-box;
14
+
15
+ input {
16
+ position: absolute;
17
+ width: 0;
18
+ height: 0;
19
+ overflow: hidden;
20
+ visibility: hidden;
21
+
22
+ &:not(:checked) + .toggle {
23
+ transform: translateX(0);
24
+ background: var(--toggle-handle-bg);
25
+ border-color: var(--toggle-handle-border);
26
+ }
27
+
28
+ &[data-undetermined=true] + .toggle {
29
+ transform: translateX(calc(24px / var(--ratio-dimensions)));
30
+ background: var(--toggle-handle-border);
31
+ border-color: var(--toggle-handle-border);
32
+ }
33
+ }
34
+ }
35
+
36
+ .toggle {
37
+ box-sizing: border-box;
38
+ border-radius: 100px;
39
+ display: inline-block;
40
+ width: calc(44px / var(--ratio-dimensions));
41
+ height: calc(44px / var(--ratio-dimensions));
42
+ border: calc(1px / var(--ratio-border)) solid var(--orange1-darker);
43
+ background: var(--orange1);
44
+ transition: transform 200ms, background-color 200ms, border-color 200ms;
45
+ transform: translateX(calc(48px / var(--ratio-dimensions)));
46
+ }
package/esm/components/icons/Back.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Back.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Back.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAM1B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
1
+ {"version":3,"file":"Back.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Back.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAY1B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
package/esm/components/icons/Back.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Back.js","sourceRoot":"","sources":["../../../src/components/icons/Back.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,IAAI,GAAqB,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO,CACH,6BAAK,KAAK,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,UAAU,EAAE,KAAK,EAAE,4BAA4B,EAAE,SAAS,EAAE,KAAK,CAAC,SAAS;QAC/G,8BAAM,IAAI,EAAE,cAAc,EAAE,CAAC,EAAE,mJAAmJ,GAAI,CACpL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
1
+ {"version":3,"file":"Back.js","sourceRoot":"","sources":["../../../src/components/icons/Back.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,IAAI,GAAqB,CAAC,KAAK,EAAE,EAAE;IACrC,OAAO,CACH,6BACI,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,4BAA4B,EACnC,SAAS,EAAE,KAAK,CAAC,SAAS;QAE1B,8BAAM,IAAI,EAAE,cAAc,EAAE,CAAC,EAAE,mJAAmJ,GAAI,CACpL,CACT,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
package/esm/components/icons/Forward.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ interface Props {
3
+ className?: string;
4
+ }
5
+ declare const Forward: React.VFC<Props>;
6
+ export { Forward };
7
+ //# sourceMappingURL=Forward.d.ts.map
package/esm/components/icons/Forward.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Forward.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Forward.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,UAAU,KAAK;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,KAAK,CAY7B,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
package/esm/components/icons/Forward.js ADDED
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ const Forward = (props) => {
3
+ return (React.createElement("svg", { width: "9", height: "16", viewBox: "0 0 9 16", xmlns: "http://www.w3.org/2000/svg", className: props.className },
4
+ React.createElement("path", { fill: "currentColor", d: "M.95.15Q.8 0 .55 0t-.4.15Q0 .3 0 .55t.15.4L7.35 8l-7.2 7.05Q0 15.2 0 15.4q0 .25.2.4.15.2.4.2.2 0 .35-.15L9 8 1 .2Q1 .15.95.15" })));
5
+ };
6
+ export { Forward };
7
+ //# sourceMappingURL=Forward.js.map
package/esm/components/icons/Forward.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Forward.js","sourceRoot":"","sources":["../../../src/components/icons/Forward.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,MAAM,OAAO,GAAqB,CAAC,KAAK,EAAE,EAAE;IACxC,OAAO,CACH,6BACI,KAAK,EAAE,GAAG,EACV,MAAM,EAAE,IAAI,EACZ,OAAO,EAAE,UAAU,EACnB,KAAK,EAAE,4BAA4B,EACnC,SAAS,EAAE,KAAK,CAAC,SAAS;QAE1B,8BAAM,IAAI,EAAE,cAAc,EAAE,CAAC,EAAE,+HAA+H,GAAI,CAChK,CACT,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
package/esm/components/icons/Icon.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from "react";
2
2
  declare enum ICON {
3
3
  checkmark = "checkmark",
4
- back = "back"
4
+ back = "back",
5
+ forward = "forward"
5
6
  }
6
7
  interface Props {
7
8
  name: ICON;
package/esm/components/icons/Icon.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,aAAK,IAAI;IACL,SAAS,cAAc;IACvB,IAAI,SAAS;CAChB;AAED,UAAU,KAAK;IACX,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAOD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAMzB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC"}
1
+ {"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../../../src/components/icons/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAO1B,aAAK,IAAI;IACL,SAAS,cAAc;IACvB,IAAI,SAAS;IACb,OAAO,YAAY;CACtB;AAED,UAAU,KAAK;IACX,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAQD,QAAA,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAMzB,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC"}
package/esm/components/icons/Icon.js CHANGED
@@ -1,14 +1,17 @@
1
1
  import React from "react";
2
- import { Checkmark } from "./Checkmark";
3
- import { Back } from "./Back";
2
+ import { Checkmark } from "./Checkmark.js";
3
+ import { Back } from "./Back.js";
4
+ import { Forward } from "./Forward.js";
4
5
  var ICON;
5
6
  (function (ICON) {
6
7
  ICON["checkmark"] = "checkmark";
7
8
  ICON["back"] = "back";
9
+ ICON["forward"] = "forward";
8
10
  })(ICON || (ICON = {}));
9
11
  const iconsMap = new Map([
10
12
  [ICON.checkmark, Checkmark],
11
13
  [ICON.back, Back],
14
+ [ICON.forward, Forward],
12
15
  ]);
13
16
  const Icon = ({ name: iconName, ...props }) => {
14
17
  const C = iconsMap.get(iconName);