react-miui 0.0.3 → 0.4.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 (312) hide show
  1. package/CHANGELOG.md +41 -0
  2. package/assets/back.svg +1 -0
  3. package/assets/forward.svg +1 -0
  4. package/assets/sources/back.fla +0 -0
  5. package/dist/components/form/Checkbox.module.scss +13 -6
  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 +7 -0
  12. package/dist/components/icons/Back.d.ts.map +1 -0
  13. package/dist/components/icons/Back.js +13 -0
  14. package/dist/components/icons/Back.js.map +1 -0
  15. package/dist/components/icons/Forward.d.ts +7 -0
  16. package/dist/components/icons/Forward.d.ts.map +1 -0
  17. package/dist/components/icons/Forward.js +13 -0
  18. package/dist/components/icons/Forward.js.map +1 -0
  19. package/dist/components/icons/Icon.d.ts +13 -0
  20. package/dist/components/icons/Icon.d.ts.map +1 -0
  21. package/dist/components/icons/Icon.js +43 -0
  22. package/dist/components/icons/Icon.js.map +1 -0
  23. package/dist/components/layout/header/Header.d.ts +4 -0
  24. package/dist/components/layout/header/Header.d.ts.map +1 -1
  25. package/dist/components/layout/header/Header.js +26 -2
  26. package/dist/components/layout/header/Header.js.map +1 -1
  27. package/dist/components/layout/header/Header.module.scss +46 -2
  28. package/dist/components/layout/header/HeaderIconAction.d.ts +17 -0
  29. package/dist/components/layout/header/HeaderIconAction.d.ts.map +1 -0
  30. package/dist/components/layout/header/HeaderIconAction.js +40 -0
  31. package/dist/components/layout/header/HeaderIconAction.js.map +1 -0
  32. package/dist/components/layout/header/HeaderIconAction.module.scss +22 -0
  33. package/dist/components/layout/header/StickyHeader.js +1 -1
  34. package/dist/components/layout/header/StickyHeader.js.map +1 -1
  35. package/dist/components/layout/list/Header.d.ts +4 -0
  36. package/dist/components/layout/list/Header.d.ts.map +1 -0
  37. package/dist/components/layout/list/Header.js +16 -0
  38. package/dist/components/layout/list/Header.js.map +1 -0
  39. package/dist/components/layout/list/Header.module.scss +8 -0
  40. package/dist/components/layout/list/Item.d.ts +1 -0
  41. package/dist/components/layout/list/Item.d.ts.map +1 -1
  42. package/dist/components/layout/list/Item.js +18 -5
  43. package/dist/components/layout/list/Item.js.map +1 -1
  44. package/dist/components/layout/list/Item.module.scss +10 -2
  45. package/dist/components/layout/list/Label.d.ts +8 -0
  46. package/dist/components/layout/list/Label.d.ts.map +1 -0
  47. package/dist/components/layout/list/Label.js +16 -0
  48. package/dist/components/layout/list/Label.js.map +1 -0
  49. package/dist/components/layout/list/Label.module.scss +9 -0
  50. package/dist/components/layout/list/Value.d.ts +4 -0
  51. package/dist/components/layout/list/Value.d.ts.map +1 -0
  52. package/dist/components/layout/list/Value.js +13 -0
  53. package/dist/components/layout/list/Value.js.map +1 -0
  54. package/dist/components/layout/list/Value.module.scss +7 -0
  55. package/dist/components/ui/action/Action.d.ts +17 -0
  56. package/dist/components/ui/action/Action.d.ts.map +1 -0
  57. package/dist/components/ui/action/Action.js +44 -0
  58. package/dist/components/ui/action/Action.js.map +1 -0
  59. package/dist/components/ui/action/Action.module.scss +26 -0
  60. package/dist/components/ui/action/EqualActions.d.ts +7 -0
  61. package/dist/components/ui/action/EqualActions.d.ts.map +1 -0
  62. package/dist/components/ui/action/EqualActions.js +23 -0
  63. package/dist/components/ui/action/EqualActions.js.map +1 -0
  64. package/dist/components/ui/action/EqualActions.module.scss +6 -0
  65. package/dist/components/ui/button/Button.d.ts +8 -0
  66. package/dist/components/ui/button/Button.d.ts.map +1 -0
  67. package/dist/components/ui/button/Button.js +20 -0
  68. package/dist/components/ui/button/Button.js.map +1 -0
  69. package/dist/components/ui/button/Button.module.scss +25 -0
  70. package/dist/global.scss +35 -11
  71. package/dist/index.d.ts +2 -0
  72. package/dist/index.d.ts.map +1 -1
  73. package/dist/index.js +2 -0
  74. package/dist/index.js.map +1 -1
  75. package/dist/types.d.ts +4 -0
  76. package/dist/types.d.ts.map +1 -0
  77. package/dist/types.js +3 -0
  78. package/dist/types.js.map +1 -0
  79. package/docs/assets/js/search.js +1 -1
  80. package/docs/assets/js/search.json +1 -1
  81. package/docs/enums/ICON.html +196 -0
  82. package/docs/index.html +13 -4
  83. package/docs/modules/StickyHeader.html +4 -4
  84. package/docs/modules.html +47 -10
  85. package/docs/pages/Tutorials/Test.html +3 -3
  86. package/esm/components/form/Checkbox.module.scss +13 -6
  87. package/esm/components/form/Toggle.d.ts +8 -0
  88. package/esm/components/form/Toggle.d.ts.map +1 -0
  89. package/esm/components/form/Toggle.js +15 -0
  90. package/esm/components/form/Toggle.js.map +1 -0
  91. package/esm/components/form/Toggle.module.scss +46 -0
  92. package/esm/components/icons/Back.d.ts +7 -0
  93. package/esm/components/icons/Back.d.ts.map +1 -0
  94. package/esm/components/icons/Back.js +7 -0
  95. package/esm/components/icons/Back.js.map +1 -0
  96. package/esm/components/icons/Forward.d.ts +7 -0
  97. package/esm/components/icons/Forward.d.ts.map +1 -0
  98. package/esm/components/icons/Forward.js +7 -0
  99. package/esm/components/icons/Forward.js.map +1 -0
  100. package/esm/components/icons/Icon.d.ts +13 -0
  101. package/esm/components/icons/Icon.d.ts.map +1 -0
  102. package/esm/components/icons/Icon.js +24 -0
  103. package/esm/components/icons/Icon.js.map +1 -0
  104. package/esm/components/layout/header/Header.d.ts +4 -0
  105. package/esm/components/layout/header/Header.d.ts.map +1 -1
  106. package/esm/components/layout/header/Header.js +26 -2
  107. package/esm/components/layout/header/Header.js.map +1 -1
  108. package/esm/components/layout/header/Header.module.scss +46 -2
  109. package/esm/components/layout/header/HeaderIconAction.d.ts +17 -0
  110. package/esm/components/layout/header/HeaderIconAction.d.ts.map +1 -0
  111. package/esm/components/layout/header/HeaderIconAction.js +23 -0
  112. package/esm/components/layout/header/HeaderIconAction.js.map +1 -0
  113. package/esm/components/layout/header/HeaderIconAction.module.scss +22 -0
  114. package/esm/components/layout/header/StickyHeader.js +1 -1
  115. package/esm/components/layout/header/StickyHeader.js.map +1 -1
  116. package/esm/components/layout/list/Header.d.ts +4 -0
  117. package/esm/components/layout/list/Header.d.ts.map +1 -0
  118. package/esm/components/layout/list/Header.js +10 -0
  119. package/esm/components/layout/list/Header.js.map +1 -0
  120. package/esm/components/layout/list/Header.module.scss +8 -0
  121. package/esm/components/layout/list/Item.d.ts +1 -0
  122. package/esm/components/layout/list/Item.d.ts.map +1 -1
  123. package/esm/components/layout/list/Item.js +18 -5
  124. package/esm/components/layout/list/Item.js.map +1 -1
  125. package/esm/components/layout/list/Item.module.scss +10 -2
  126. package/esm/components/layout/list/Label.d.ts +8 -0
  127. package/esm/components/layout/list/Label.d.ts.map +1 -0
  128. package/esm/components/layout/list/Label.js +10 -0
  129. package/esm/components/layout/list/Label.js.map +1 -0
  130. package/esm/components/layout/list/Label.module.scss +9 -0
  131. package/esm/components/layout/list/Value.d.ts +4 -0
  132. package/esm/components/layout/list/Value.d.ts.map +1 -0
  133. package/esm/components/layout/list/Value.js +7 -0
  134. package/esm/components/layout/list/Value.js.map +1 -0
  135. package/esm/components/layout/list/Value.module.scss +7 -0
  136. package/esm/components/ui/action/Action.d.ts +17 -0
  137. package/esm/components/ui/action/Action.d.ts.map +1 -0
  138. package/esm/components/ui/action/Action.js +27 -0
  139. package/esm/components/ui/action/Action.js.map +1 -0
  140. package/esm/components/ui/action/Action.module.scss +26 -0
  141. package/esm/components/ui/action/EqualActions.d.ts +7 -0
  142. package/esm/components/ui/action/EqualActions.d.ts.map +1 -0
  143. package/esm/components/ui/action/EqualActions.js +17 -0
  144. package/esm/components/ui/action/EqualActions.js.map +1 -0
  145. package/esm/components/ui/action/EqualActions.module.scss +6 -0
  146. package/esm/components/ui/button/Button.d.ts +8 -0
  147. package/esm/components/ui/button/Button.d.ts.map +1 -0
  148. package/esm/components/ui/button/Button.js +14 -0
  149. package/esm/components/ui/button/Button.js.map +1 -0
  150. package/esm/components/ui/button/Button.module.scss +25 -0
  151. package/esm/global.scss +35 -11
  152. package/esm/index.d.ts +2 -0
  153. package/esm/index.d.ts.map +1 -1
  154. package/esm/index.js +2 -0
  155. package/esm/index.js.map +1 -1
  156. package/esm/types.d.ts +4 -0
  157. package/esm/types.d.ts.map +1 -0
  158. package/esm/types.js +2 -0
  159. package/esm/types.js.map +1 -0
  160. package/package.json +6 -6
  161. package/src/components/form/Checkbox.module.scss +13 -6
  162. package/src/components/form/Toggle.module.scss +46 -0
  163. package/src/components/form/Toggle.tsx +33 -0
  164. package/src/components/icons/Back.tsx +21 -0
  165. package/src/components/icons/Forward.tsx +21 -0
  166. package/src/components/icons/Icon.tsx +33 -0
  167. package/src/components/layout/header/Header.module.scss +46 -2
  168. package/src/components/layout/header/Header.tsx +41 -3
  169. package/src/components/layout/header/HeaderIconAction.module.scss +22 -0
  170. package/src/components/layout/header/HeaderIconAction.tsx +49 -0
  171. package/src/components/layout/header/StickyHeader.tsx +1 -1
  172. package/src/components/layout/list/Header.module.scss +8 -0
  173. package/src/components/layout/list/Header.tsx +16 -0
  174. package/src/components/layout/list/Item.module.scss +10 -2
  175. package/src/components/layout/list/Item.tsx +23 -5
  176. package/src/components/layout/list/Label.module.scss +9 -0
  177. package/src/components/layout/list/Label.tsx +21 -0
  178. package/src/components/layout/list/Value.module.scss +7 -0
  179. package/src/components/layout/list/Value.tsx +11 -0
  180. package/src/components/ui/action/Action.module.scss +26 -0
  181. package/src/components/ui/action/Action.tsx +58 -0
  182. package/src/components/ui/action/EqualActions.module.scss +6 -0
  183. package/src/components/ui/action/EqualActions.tsx +30 -0
  184. package/src/components/ui/button/Button.module.scss +25 -0
  185. package/src/components/ui/button/Button.tsx +25 -0
  186. package/src/demo/Main.tsx +3 -2
  187. package/src/demo/Menu.module.scss +2 -0
  188. package/src/demo/components/form/Toggle.tsx +49 -0
  189. package/src/demo/components/layout/header/Header.tsx +104 -2
  190. package/src/demo/components/layout/list/Header.tsx +24 -0
  191. package/src/demo/components/layout/list/ItemRatio.tsx +21 -0
  192. package/src/demo/components/layout/list/Label.tsx +30 -0
  193. package/src/demo/components/layout/list/List.Item.module.scss +4 -0
  194. package/src/demo/components/layout/list/Value.module.scss +4 -0
  195. package/src/demo/components/layout/list/Value.tsx +26 -0
  196. package/src/demo/components/ui/action/Action.tsx +112 -0
  197. package/src/demo/components/ui/action/ActionDemo.module.scss +3 -0
  198. package/src/demo/components/ui/button/ButtonDemo.tsx +18 -0
  199. package/src/demo/components/ui/icons/Icons.tsx +21 -0
  200. package/src/demo/componentsMap.ts +110 -21
  201. package/src/demo/utils/makeVariants.ts +13 -0
  202. package/src/global.scss +35 -11
  203. package/src/index.ts +5 -0
  204. package/src/pages/react-miui.tsx +12 -0
  205. package/src/types.ts +7 -0
  206. package/.postcssrc +0 -9
  207. package/dist/demo/Demo.d.ts +0 -4
  208. package/dist/demo/Demo.d.ts.map +0 -1
  209. package/dist/demo/Demo.js +0 -18
  210. package/dist/demo/Demo.js.map +0 -1
  211. package/dist/demo/Demo.module.scss +0 -4
  212. package/dist/demo/Main.d.ts +0 -4
  213. package/dist/demo/Main.d.ts.map +0 -1
  214. package/dist/demo/Main.js +0 -83
  215. package/dist/demo/Main.js.map +0 -1
  216. package/dist/demo/Main.module.scss +0 -30
  217. package/dist/demo/Menu.d.ts +0 -9
  218. package/dist/demo/Menu.d.ts.map +0 -1
  219. package/dist/demo/Menu.js +0 -31
  220. package/dist/demo/Menu.js.map +0 -1
  221. package/dist/demo/Menu.module.scss +0 -39
  222. package/dist/demo/components/form/Checkbox.d.ts +0 -4
  223. package/dist/demo/components/form/Checkbox.d.ts.map +0 -1
  224. package/dist/demo/components/form/Checkbox.js.map +0 -1
  225. package/dist/demo/components/layout/header/Header.d.ts +0 -4
  226. package/dist/demo/components/layout/header/Header.d.ts.map +0 -1
  227. package/dist/demo/components/layout/header/Header.js +0 -16
  228. package/dist/demo/components/layout/header/Header.js.map +0 -1
  229. package/dist/demo/components/layout/header/StickyHeader.d.ts +0 -9
  230. package/dist/demo/components/layout/header/StickyHeader.d.ts.map +0 -1
  231. package/dist/demo/components/layout/header/StickyHeader.js +0 -73
  232. package/dist/demo/components/layout/header/StickyHeader.js.map +0 -1
  233. package/dist/demo/components/layout/list/List.Item.d.ts +0 -4
  234. package/dist/demo/components/layout/list/List.Item.d.ts.map +0 -1
  235. package/dist/demo/components/layout/list/List.Item.js +0 -42
  236. package/dist/demo/components/layout/list/List.Item.js.map +0 -1
  237. package/dist/demo/components/layout/list/List.Item.module.scss +0 -3
  238. package/dist/demo/components/ui/directionPad/Pad.d.ts +0 -4
  239. package/dist/demo/components/ui/directionPad/Pad.d.ts.map +0 -1
  240. package/dist/demo/components/ui/directionPad/Pad.js +0 -49
  241. package/dist/demo/components/ui/directionPad/Pad.js.map +0 -1
  242. package/dist/demo/componentsMap.d.ts +0 -14
  243. package/dist/demo/componentsMap.d.ts.map +0 -1
  244. package/dist/demo/componentsMap.js +0 -54
  245. package/dist/demo/componentsMap.js.map +0 -1
  246. package/dist/demo/utils/safeUseHash.d.ts +0 -3
  247. package/dist/demo/utils/safeUseHash.d.ts.map +0 -1
  248. package/dist/demo/utils/safeUseHash.js +0 -13
  249. package/dist/demo/utils/safeUseHash.js.map +0 -1
  250. package/dist/demo-global.scss +0 -9
  251. package/dist/pages/_app.d.ts +0 -7
  252. package/dist/pages/_app.d.ts.map +0 -1
  253. package/dist/pages/_app.js +0 -15
  254. package/dist/pages/_app.js.map +0 -1
  255. package/dist/pages/index.d.ts +0 -4
  256. package/dist/pages/index.d.ts.map +0 -1
  257. package/dist/pages/index.js +0 -10
  258. package/dist/pages/index.js.map +0 -1
  259. package/esm/demo/Demo.d.ts +0 -4
  260. package/esm/demo/Demo.d.ts.map +0 -1
  261. package/esm/demo/Demo.js +0 -12
  262. package/esm/demo/Demo.js.map +0 -1
  263. package/esm/demo/Demo.module.scss +0 -4
  264. package/esm/demo/Main.d.ts +0 -4
  265. package/esm/demo/Main.d.ts.map +0 -1
  266. package/esm/demo/Main.js +0 -58
  267. package/esm/demo/Main.js.map +0 -1
  268. package/esm/demo/Main.module.scss +0 -30
  269. package/esm/demo/Menu.d.ts +0 -9
  270. package/esm/demo/Menu.d.ts.map +0 -1
  271. package/esm/demo/Menu.js +0 -25
  272. package/esm/demo/Menu.js.map +0 -1
  273. package/esm/demo/Menu.module.scss +0 -39
  274. package/esm/demo/components/form/Checkbox.d.ts +0 -4
  275. package/esm/demo/components/form/Checkbox.d.ts.map +0 -1
  276. package/esm/demo/components/form/Checkbox.js +0 -9
  277. package/esm/demo/components/form/Checkbox.js.map +0 -1
  278. package/esm/demo/components/layout/header/Header.d.ts +0 -4
  279. package/esm/demo/components/layout/header/Header.d.ts.map +0 -1
  280. package/esm/demo/components/layout/header/Header.js +0 -10
  281. package/esm/demo/components/layout/header/Header.js.map +0 -1
  282. package/esm/demo/components/layout/header/StickyHeader.d.ts +0 -9
  283. package/esm/demo/components/layout/header/StickyHeader.d.ts.map +0 -1
  284. package/esm/demo/components/layout/header/StickyHeader.js +0 -62
  285. package/esm/demo/components/layout/header/StickyHeader.js.map +0 -1
  286. package/esm/demo/components/layout/list/List.Item.d.ts +0 -4
  287. package/esm/demo/components/layout/list/List.Item.d.ts.map +0 -1
  288. package/esm/demo/components/layout/list/List.Item.js +0 -17
  289. package/esm/demo/components/layout/list/List.Item.js.map +0 -1
  290. package/esm/demo/components/layout/list/List.Item.module.scss +0 -3
  291. package/esm/demo/components/ui/directionPad/Pad.d.ts +0 -4
  292. package/esm/demo/components/ui/directionPad/Pad.d.ts.map +0 -1
  293. package/esm/demo/components/ui/directionPad/Pad.js +0 -27
  294. package/esm/demo/components/ui/directionPad/Pad.js.map +0 -1
  295. package/esm/demo/componentsMap.d.ts +0 -14
  296. package/esm/demo/componentsMap.d.ts.map +0 -1
  297. package/esm/demo/componentsMap.js +0 -51
  298. package/esm/demo/componentsMap.js.map +0 -1
  299. package/esm/demo/utils/safeUseHash.d.ts +0 -3
  300. package/esm/demo/utils/safeUseHash.d.ts.map +0 -1
  301. package/esm/demo/utils/safeUseHash.js +0 -10
  302. package/esm/demo/utils/safeUseHash.js.map +0 -1
  303. package/esm/demo-global.scss +0 -9
  304. package/esm/pages/_app.d.ts +0 -7
  305. package/esm/pages/_app.d.ts.map +0 -1
  306. package/esm/pages/_app.js +0 -10
  307. package/esm/pages/_app.js.map +0 -1
  308. package/esm/pages/index.d.ts +0 -4
  309. package/esm/pages/index.d.ts.map +0 -1
  310. package/esm/pages/index.js +0 -5
  311. package/esm/pages/index.js.map +0 -1
  312. package/src/pages/index.html +0 -14
package/docs/enums/ICON.html ADDED
@@ -0,0 +1,196 @@
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>ICON | react-miui - v0.4.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.4.0">
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.0</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="ICON.html">ICON</a>
61
+ </li>
62
+ </ul>
63
+ <h1>Enumeration ICON</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>Enumeration members</h3>
76
+ <ul class="tsd-index-list">
77
+ <li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="ICON.html#back" class="tsd-kind-icon">back</a></li>
78
+ <li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="ICON.html#checkmark" class="tsd-kind-icon">checkmark</a></li>
79
+ <li class="tsd-kind-enum-member tsd-parent-kind-enum"><a href="ICON.html#forward" class="tsd-kind-icon">forward</a></li>
80
+ </ul>
81
+ </section>
82
+ </div>
83
+ </section>
84
+ </section>
85
+ <section class="tsd-panel-group tsd-member-group ">
86
+ <h2>Enumeration members</h2>
87
+ <section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
88
+ <a name="back" class="tsd-anchor"></a>
89
+ <h3>back</h3>
90
+ <div class="tsd-signature tsd-kind-icon">back<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;back&quot;</span></div>
91
+ <aside class="tsd-sources">
92
+ <ul>
93
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/e3001bc/src/components/icons/Icon.tsx#L10">src/components/icons/Icon.tsx:10</a></li>
94
+ </ul>
95
+ </aside>
96
+ </section>
97
+ <section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
98
+ <a name="checkmark" class="tsd-anchor"></a>
99
+ <h3>checkmark</h3>
100
+ <div class="tsd-signature tsd-kind-icon">checkmark<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;checkmark&quot;</span></div>
101
+ <aside class="tsd-sources">
102
+ <ul>
103
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/e3001bc/src/components/icons/Icon.tsx#L9">src/components/icons/Icon.tsx:9</a></li>
104
+ </ul>
105
+ </aside>
106
+ </section>
107
+ <section class="tsd-panel tsd-member tsd-kind-enum-member tsd-parent-kind-enum">
108
+ <a name="forward" class="tsd-anchor"></a>
109
+ <h3>forward</h3>
110
+ <div class="tsd-signature tsd-kind-icon">forward<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-symbol"> = &quot;forward&quot;</span></div>
111
+ <aside class="tsd-sources">
112
+ <ul>
113
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/e3001bc/src/components/icons/Icon.tsx#L11">src/components/icons/Icon.tsx:11</a></li>
114
+ </ul>
115
+ </aside>
116
+ </section>
117
+ </section>
118
+ </div>
119
+ <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
120
+ <nav class="tsd-navigation primary">
121
+ <ul>
122
+ <li class="label pp-nav pp-group">
123
+ <span>Tutorials</span>
124
+ </li>
125
+ <li class=" pp-nav pp-page">
126
+ <a href="../pages/Tutorials/Test.html">Test</a>
127
+ </li>
128
+ <li class=" ">
129
+ <a href="../modules.html">Exports</a>
130
+ </li>
131
+ </ul>
132
+ </nav>
133
+ <nav class="tsd-navigation secondary menu-sticky">
134
+ <ul class="before-current">
135
+ </ul>
136
+ <ul class="current">
137
+ <li class="current tsd-kind-enum">
138
+ <a href="ICON.html" class="tsd-kind-icon">ICON</a>
139
+ <ul>
140
+ <li class=" tsd-kind-enum-member tsd-parent-kind-enum">
141
+ <a href="ICON.html#back" class="tsd-kind-icon">back</a>
142
+ </li>
143
+ <li class=" tsd-kind-enum-member tsd-parent-kind-enum">
144
+ <a href="ICON.html#checkmark" class="tsd-kind-icon">checkmark</a>
145
+ </li>
146
+ <li class=" tsd-kind-enum-member tsd-parent-kind-enum">
147
+ <a href="ICON.html#forward" class="tsd-kind-icon">forward</a>
148
+ </li>
149
+ </ul>
150
+ </li>
151
+ </ul>
152
+ <ul class="after-current">
153
+ <li class=" tsd-kind-variable">
154
+ <a href="../modules.html#Button" class="tsd-kind-icon">Button</a>
155
+ </li>
156
+ <li class=" tsd-kind-variable">
157
+ <a href="../modules.html#Checkbox" class="tsd-kind-icon">Checkbox</a>
158
+ </li>
159
+ <li class=" tsd-kind-variable">
160
+ <a href="../modules.html#DirectionPad" class="tsd-kind-icon">Direction<wbr>Pad</a>
161
+ </li>
162
+ <li class=" tsd-kind-variable">
163
+ <a href="../modules.html#Header" class="tsd-kind-icon">Header</a>
164
+ </li>
165
+ <li class=" tsd-kind-variable">
166
+ <a href="../modules.html#Icon" class="tsd-kind-icon">Icon</a>
167
+ </li>
168
+ <li class=" tsd-kind-variable">
169
+ <a href="../modules.html#Item" class="tsd-kind-icon">Item</a>
170
+ </li>
171
+ <li class=" tsd-kind-variable">
172
+ <a href="../modules.html#List" class="tsd-kind-icon">List</a>
173
+ </li>
174
+ <li class=" tsd-kind-variable">
175
+ <a href="../modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a>
176
+ </li>
177
+ </ul>
178
+ </nav>
179
+ </div>
180
+ </div>
181
+ </div>
182
+ <footer class="with-border-bottom">
183
+ <div class="container">
184
+ <h2>Legend</h2>
185
+ <div class="tsd-legend-group">
186
+ </div>
187
+ </div>
188
+ </footer>
189
+ <div class="container tsd-generator">
190
+ <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
191
+ </div>
192
+ <div class="overlay"></div>
193
+ <script src="../assets/js/main.js"></script>
194
+ <script>if (location.protocol == 'file:') document.write('<script src="../assets/js/search.json"><' + '/script>');</script>
195
+ </body>
196
+ </html>
package/docs/index.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.0.3</title>
7
- <meta name="description" content="Documentation for react-miui - v0.0.3">
6
+ <title>react-miui - v0.4.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.4.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.0.3</a>
26
+ <a href="index.html" class="title">react-miui - v0.4.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.0.3</h1>
60
+ <h1>Project react-miui - v0.4.0</h1>
61
61
  </div>
62
62
  </div>
63
63
  </header>
@@ -102,6 +102,12 @@
102
102
  </nav>
103
103
  <nav class="tsd-navigation secondary menu-sticky">
104
104
  <ul class="before-current">
105
+ <li class=" tsd-kind-enum">
106
+ <a href="enums/ICON.html" class="tsd-kind-icon">ICON</a>
107
+ </li>
108
+ <li class=" tsd-kind-variable">
109
+ <a href="modules.html#Button" class="tsd-kind-icon">Button</a>
110
+ </li>
105
111
  <li class=" tsd-kind-variable">
106
112
  <a href="modules.html#Checkbox" class="tsd-kind-icon">Checkbox</a>
107
113
  </li>
@@ -111,6 +117,9 @@
111
117
  <li class=" tsd-kind-variable">
112
118
  <a href="modules.html#Header" class="tsd-kind-icon">Header</a>
113
119
  </li>
120
+ <li class=" tsd-kind-variable">
121
+ <a href="modules.html#Icon" class="tsd-kind-icon">Icon</a>
122
+ </li>
114
123
  <li class=" tsd-kind-variable">
115
124
  <a href="modules.html#Item" class="tsd-kind-icon">Item</a>
116
125
  </li>
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.0.3</title>
7
- <meta name="description" content="Documentation for react-miui - v0.0.3">
6
+ <title>StickyHeader | react-miui - v0.4.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.4.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.0.3</a>
26
+ <a href="../index.html" class="title">react-miui - v0.4.0</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/4cefc98/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/e3001bc/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>
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.0.3</title>
7
- <meta name="description" content="Documentation for react-miui - v0.0.3">
6
+ <title>react-miui - v0.4.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.4.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.0.3</a>
26
+ <a href="index.html" class="title">react-miui - v0.4.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.0.3</h1>
60
+ <h1>Project react-miui - v0.4.0</h1>
61
61
  </div>
62
62
  </div>
63
63
  </header>
@@ -74,12 +74,20 @@
74
74
  <li class="tsd-kind-namespace"><a href="modules/StickyHeader.html" class="tsd-kind-icon">Sticky<wbr>Header</a></li>
75
75
  </ul>
76
76
  </section>
77
+ <section class="tsd-index-section ">
78
+ <h3>Enumerations</h3>
79
+ <ul class="tsd-index-list">
80
+ <li class="tsd-kind-enum"><a href="enums/ICON.html" class="tsd-kind-icon">ICON</a></li>
81
+ </ul>
82
+ </section>
77
83
  <section class="tsd-index-section ">
78
84
  <h3>Variables</h3>
79
85
  <ul class="tsd-index-list">
86
+ <li class="tsd-kind-variable"><a href="modules.html#Button" class="tsd-kind-icon">Button</a></li>
80
87
  <li class="tsd-kind-variable"><a href="modules.html#Checkbox" class="tsd-kind-icon">Checkbox</a></li>
81
88
  <li class="tsd-kind-variable"><a href="modules.html#DirectionPad" class="tsd-kind-icon">Direction<wbr>Pad</a></li>
82
89
  <li class="tsd-kind-variable"><a href="modules.html#Header" class="tsd-kind-icon">Header</a></li>
90
+ <li class="tsd-kind-variable"><a href="modules.html#Icon" class="tsd-kind-icon">Icon</a></li>
83
91
  <li class="tsd-kind-variable"><a href="modules.html#Item" class="tsd-kind-icon">Item</a></li>
84
92
  <li class="tsd-kind-variable"><a href="modules.html#List" class="tsd-kind-icon">List</a></li>
85
93
  <li class="tsd-kind-variable"><a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a></li>
@@ -90,13 +98,23 @@
90
98
  </section>
91
99
  <section class="tsd-panel-group tsd-member-group ">
92
100
  <h2>Variables</h2>
101
+ <section class="tsd-panel tsd-member tsd-kind-variable">
102
+ <a name="Button" class="tsd-anchor"></a>
103
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Button</h3>
104
+ <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
+ <aside class="tsd-sources">
106
+ <ul>
107
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/e3001bc/src/components/ui/button/Button.tsx#L12">src/components/ui/button/Button.tsx:12</a></li>
108
+ </ul>
109
+ </aside>
110
+ </section>
93
111
  <section class="tsd-panel tsd-member tsd-kind-variable">
94
112
  <a name="Checkbox" class="tsd-anchor"></a>
95
113
  <h3><span class="tsd-flag ts-flagConst">Const</span> Checkbox</h3>
96
114
  <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>
97
115
  <aside class="tsd-sources">
98
116
  <ul>
99
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4cefc98/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
117
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/e3001bc/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
100
118
  </ul>
101
119
  </aside>
102
120
  </section>
@@ -106,7 +124,7 @@
106
124
  <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>
107
125
  <aside class="tsd-sources">
108
126
  <ul>
109
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4cefc98/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
127
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/e3001bc/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
110
128
  </ul>
111
129
  </aside>
112
130
  </section>
@@ -116,7 +134,17 @@
116
134
  <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>
117
135
  <aside class="tsd-sources">
118
136
  <ul>
119
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4cefc98/src/components/layout/header/Header.tsx#L12">src/components/layout/header/Header.tsx:12</a></li>
137
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/e3001bc/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
138
+ </ul>
139
+ </aside>
140
+ </section>
141
+ <section class="tsd-panel tsd-member tsd-kind-variable">
142
+ <a name="Icon" class="tsd-anchor"></a>
143
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Icon</h3>
144
+ <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
+ <aside class="tsd-sources">
146
+ <ul>
147
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/e3001bc/src/components/icons/Icon.tsx#L25">src/components/icons/Icon.tsx:25</a></li>
120
148
  </ul>
121
149
  </aside>
122
150
  </section>
@@ -126,7 +154,7 @@
126
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>
127
155
  <aside class="tsd-sources">
128
156
  <ul>
129
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4cefc98/src/components/layout/list/Item.tsx#L18">src/components/layout/list/Item.tsx:18</a></li>
157
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/e3001bc/src/components/layout/list/Item.tsx#L21">src/components/layout/list/Item.tsx:21</a></li>
130
158
  </ul>
131
159
  </aside>
132
160
  </section>
@@ -136,7 +164,7 @@
136
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>
137
165
  <aside class="tsd-sources">
138
166
  <ul>
139
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4cefc98/src/components/layout/list/List.tsx#L5">src/components/layout/list/List.tsx:5</a></li>
167
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/e3001bc/src/components/layout/list/List.tsx#L5">src/components/layout/list/List.tsx:5</a></li>
140
168
  </ul>
141
169
  </aside>
142
170
  </section>
@@ -146,7 +174,7 @@
146
174
  <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>
147
175
  <aside class="tsd-sources">
148
176
  <ul>
149
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4cefc98/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
177
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/e3001bc/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
150
178
  </ul>
151
179
  </aside>
152
180
  </section>
@@ -174,6 +202,12 @@
174
202
  </nav>
175
203
  <nav class="tsd-navigation secondary menu-sticky">
176
204
  <ul class="before-current">
205
+ <li class=" tsd-kind-enum">
206
+ <a href="enums/ICON.html" class="tsd-kind-icon">ICON</a>
207
+ </li>
208
+ <li class=" tsd-kind-variable">
209
+ <a href="modules.html#Button" class="tsd-kind-icon">Button</a>
210
+ </li>
177
211
  <li class=" tsd-kind-variable">
178
212
  <a href="modules.html#Checkbox" class="tsd-kind-icon">Checkbox</a>
179
213
  </li>
@@ -183,6 +217,9 @@
183
217
  <li class=" tsd-kind-variable">
184
218
  <a href="modules.html#Header" class="tsd-kind-icon">Header</a>
185
219
  </li>
220
+ <li class=" tsd-kind-variable">
221
+ <a href="modules.html#Icon" class="tsd-kind-icon">Icon</a>
222
+ </li>
186
223
  <li class=" tsd-kind-variable">
187
224
  <a href="modules.html#Item" class="tsd-kind-icon">Item</a>
188
225
  </li>
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.0.3</title>
7
- <meta name="description" content="Documentation for react-miui - v0.0.3">
6
+ <title>Test | react-miui - v0.4.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.4.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.0.3</a>
26
+ <a href="../../index.html" class="title">react-miui - v0.4.0</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/esm/components/form/Checkbox.module.scss CHANGED
@@ -3,24 +3,31 @@
3
3
  width: 0;
4
4
  height: 0;
5
5
  transform: scale(0);
6
+ margin: 0;
7
+ vertical-align: middle;
6
8
 
7
9
  + span {
8
10
  border-radius: 100px;
9
11
  background: var(--inactive-bg);
10
- width: 24px;
11
- height: 24px;
12
+ width: 18px;
13
+ height: 18px;
12
14
  display: inline-flex;
13
15
  justify-content: center;
14
16
  align-items: center;
17
+ vertical-align: middle;
15
18
 
16
19
  svg {
17
- width: 12px;
18
- height: 12px;
20
+ width: 9px;
21
+ height: 9px;
19
22
  fill: white;
20
23
  }
24
+
25
+ + span {
26
+ vertical-align: middle;
27
+ }
21
28
  }
22
29
 
23
- &:focus {
30
+ &:focus-visible {
24
31
  + span {
25
32
  box-shadow: 0 0 5px black;
26
33
  }
@@ -34,7 +41,7 @@
34
41
  }
35
42
 
36
43
  + span + span:not(:empty) {
37
- margin-left: 1em;
44
+ margin-left: 0.5em;
38
45
  }
39
46
  }
40
47
  }
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 ADDED
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ interface Props {
3
+ className?: string;
4
+ }
5
+ declare const Back: React.VFC<Props>;
6
+ export { Back };
7
+ //# sourceMappingURL=Back.d.ts.map
package/esm/components/icons/Back.d.ts.map ADDED
@@ -0,0 +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,CAY1B,CAAC;AAEF,OAAO,EAAE,IAAI,EAAE,CAAC"}
package/esm/components/icons/Back.js ADDED
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ const Back = (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: "M8.05.1L0 7.95l8.05 7.85v.05q.15.15.4.15t.4-.15q.15-.2.15-.4 0-.25-.15-.4V15H8.8L1.65 7.95l7.2-7Q9 .75 9 .55q0-.25-.2-.4Q8.65 0 8.4 0q-.2 0-.35.1" })));
5
+ };
6
+ export { Back };
7
+ //# sourceMappingURL=Back.js.map
package/esm/components/icons/Back.js.map ADDED
@@ -0,0 +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,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"}