react-miui 0.8.0 → 0.9.3

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 (160) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/components/form/Checkbox.d.ts +2 -0
  3. package/dist/components/form/Checkbox.d.ts.map +1 -1
  4. package/dist/components/form/Checkbox.js +14 -4
  5. package/dist/components/form/Checkbox.js.map +1 -1
  6. package/dist/components/form/Checkbox.module.scss +54 -30
  7. package/dist/components/form/Input.d.ts.map +1 -1
  8. package/dist/components/form/Input.js +2 -0
  9. package/dist/components/form/Input.js.map +1 -1
  10. package/dist/components/form/Input.module.scss +21 -0
  11. package/dist/components/form/choice/Choice.d.ts +11 -0
  12. package/dist/components/form/choice/Choice.d.ts.map +1 -0
  13. package/dist/components/form/choice/Choice.js +19 -0
  14. package/dist/components/form/choice/Choice.js.map +1 -0
  15. package/dist/components/form/choice/Choice.module.scss +43 -0
  16. package/dist/components/form/choice/ChoiceItem.d.ts +11 -0
  17. package/dist/components/form/choice/ChoiceItem.d.ts.map +1 -0
  18. package/dist/components/form/choice/ChoiceItem.js +33 -0
  19. package/dist/components/form/choice/ChoiceItem.js.map +1 -0
  20. package/dist/components/layout/list/Header.d.ts +1 -0
  21. package/dist/components/layout/list/Header.d.ts.map +1 -1
  22. package/dist/components/layout/list/Header.js +2 -2
  23. package/dist/components/layout/list/Header.js.map +1 -1
  24. package/dist/components/layout/list/Label.d.ts +1 -0
  25. package/dist/components/layout/list/Label.d.ts.map +1 -1
  26. package/dist/components/layout/list/Label.js +2 -1
  27. package/dist/components/layout/list/Label.js.map +1 -1
  28. package/dist/components/layout/list/List.d.ts.map +1 -1
  29. package/dist/components/layout/list/List.js +4 -3
  30. package/dist/components/layout/list/List.js.map +1 -1
  31. package/dist/components/layout/list/Value.d.ts +4 -1
  32. package/dist/components/layout/list/Value.d.ts.map +1 -1
  33. package/dist/components/layout/list/Value.js +2 -1
  34. package/dist/components/layout/list/Value.js.map +1 -1
  35. package/dist/components/ui/tabs/Item.d.ts +10 -0
  36. package/dist/components/ui/tabs/Item.d.ts.map +1 -0
  37. package/dist/components/ui/tabs/Item.js +39 -0
  38. package/dist/components/ui/tabs/Item.js.map +1 -0
  39. package/dist/components/ui/tabs/Item.module.scss +11 -0
  40. package/dist/components/ui/tabs/Selector.d.ts +10 -0
  41. package/dist/components/ui/tabs/Selector.d.ts.map +1 -0
  42. package/dist/components/ui/tabs/Selector.js +46 -0
  43. package/dist/components/ui/tabs/Selector.js.map +1 -0
  44. package/dist/components/ui/tabs/Selector.module.scss +6 -0
  45. package/dist/global.scss +16 -3
  46. package/dist/index.d.ts +2 -0
  47. package/dist/index.d.ts.map +1 -1
  48. package/dist/index.js +2 -0
  49. package/dist/index.js.map +1 -1
  50. package/dist/types/form.d.ts +7 -0
  51. package/dist/types/form.d.ts.map +1 -0
  52. package/dist/types/form.js +3 -0
  53. package/dist/types/form.js.map +1 -0
  54. package/dist/utils/index.d.ts +3 -0
  55. package/dist/utils/index.d.ts.map +1 -0
  56. package/dist/utils/index.js +15 -0
  57. package/dist/utils/index.js.map +1 -0
  58. package/dist/utils/toObjectValue.d.ts +4 -0
  59. package/dist/utils/toObjectValue.d.ts.map +1 -0
  60. package/dist/utils/toObjectValue.js +8 -0
  61. package/dist/utils/toObjectValue.js.map +1 -0
  62. package/docs/assets/js/search.js +1 -1
  63. package/docs/assets/js/search.json +1 -1
  64. package/docs/classes/ToasterProvider.html +14 -8
  65. package/docs/enums/ICON.html +14 -8
  66. package/docs/index.html +10 -4
  67. package/docs/modules/Item.html +4 -4
  68. package/docs/modules/List.html +3 -3
  69. package/docs/modules/Modal.html +3 -3
  70. package/docs/modules/ModalButtons.html +3 -3
  71. package/docs/modules/Section.html +3 -3
  72. package/docs/modules/StickyHeader.html +4 -4
  73. package/docs/modules.html +53 -25
  74. package/docs/pages/Tutorials/Test.html +3 -3
  75. package/esm/components/form/Checkbox.d.ts +2 -0
  76. package/esm/components/form/Checkbox.d.ts.map +1 -1
  77. package/esm/components/form/Checkbox.js +14 -4
  78. package/esm/components/form/Checkbox.js.map +1 -1
  79. package/esm/components/form/Checkbox.module.scss +54 -30
  80. package/esm/components/form/Input.d.ts.map +1 -1
  81. package/esm/components/form/Input.js +2 -0
  82. package/esm/components/form/Input.js.map +1 -1
  83. package/esm/components/form/Input.module.scss +21 -0
  84. package/esm/components/form/choice/Choice.d.ts +11 -0
  85. package/esm/components/form/choice/Choice.d.ts.map +1 -0
  86. package/esm/components/form/choice/Choice.js +13 -0
  87. package/esm/components/form/choice/Choice.js.map +1 -0
  88. package/esm/components/form/choice/Choice.module.scss +43 -0
  89. package/esm/components/form/choice/ChoiceItem.d.ts +11 -0
  90. package/esm/components/form/choice/ChoiceItem.d.ts.map +1 -0
  91. package/esm/components/form/choice/ChoiceItem.js +11 -0
  92. package/esm/components/form/choice/ChoiceItem.js.map +1 -0
  93. package/esm/components/layout/list/Header.d.ts +1 -0
  94. package/esm/components/layout/list/Header.d.ts.map +1 -1
  95. package/esm/components/layout/list/Header.js +2 -2
  96. package/esm/components/layout/list/Header.js.map +1 -1
  97. package/esm/components/layout/list/Label.d.ts +1 -0
  98. package/esm/components/layout/list/Label.d.ts.map +1 -1
  99. package/esm/components/layout/list/Label.js +2 -1
  100. package/esm/components/layout/list/Label.js.map +1 -1
  101. package/esm/components/layout/list/List.d.ts.map +1 -1
  102. package/esm/components/layout/list/List.js +4 -3
  103. package/esm/components/layout/list/List.js.map +1 -1
  104. package/esm/components/layout/list/Value.d.ts +4 -1
  105. package/esm/components/layout/list/Value.d.ts.map +1 -1
  106. package/esm/components/layout/list/Value.js +2 -1
  107. package/esm/components/layout/list/Value.js.map +1 -1
  108. package/esm/components/ui/tabs/Item.d.ts +10 -0
  109. package/esm/components/ui/tabs/Item.d.ts.map +1 -0
  110. package/esm/components/ui/tabs/Item.js +14 -0
  111. package/esm/components/ui/tabs/Item.js.map +1 -0
  112. package/esm/components/ui/tabs/Item.module.scss +11 -0
  113. package/esm/components/ui/tabs/Selector.d.ts +10 -0
  114. package/esm/components/ui/tabs/Selector.d.ts.map +1 -0
  115. package/esm/components/ui/tabs/Selector.js +21 -0
  116. package/esm/components/ui/tabs/Selector.js.map +1 -0
  117. package/esm/components/ui/tabs/Selector.module.scss +6 -0
  118. package/esm/global.scss +16 -3
  119. package/esm/index.d.ts +2 -0
  120. package/esm/index.d.ts.map +1 -1
  121. package/esm/index.js +2 -0
  122. package/esm/index.js.map +1 -1
  123. package/esm/types/form.d.ts +7 -0
  124. package/esm/types/form.d.ts.map +1 -0
  125. package/esm/types/form.js +2 -0
  126. package/esm/types/form.js.map +1 -0
  127. package/esm/utils/index.d.ts +3 -0
  128. package/esm/utils/index.d.ts.map +1 -0
  129. package/esm/utils/index.js +3 -0
  130. package/esm/utils/index.js.map +1 -0
  131. package/esm/utils/toObjectValue.d.ts +4 -0
  132. package/esm/utils/toObjectValue.d.ts.map +1 -0
  133. package/esm/utils/toObjectValue.js +5 -0
  134. package/esm/utils/toObjectValue.js.map +1 -0
  135. package/package.json +7 -7
  136. package/src/components/form/Checkbox.module.scss +54 -30
  137. package/src/components/form/Checkbox.tsx +25 -4
  138. package/src/components/form/Input.module.scss +21 -0
  139. package/src/components/form/Input.tsx +2 -0
  140. package/src/components/form/choice/Choice.module.scss +43 -0
  141. package/src/components/form/choice/Choice.tsx +32 -0
  142. package/src/components/form/choice/ChoiceItem.tsx +30 -0
  143. package/src/components/layout/list/Header.tsx +3 -2
  144. package/src/components/layout/list/Label.tsx +3 -1
  145. package/src/components/layout/list/List.tsx +5 -6
  146. package/src/components/layout/list/Value.tsx +7 -2
  147. package/src/components/ui/tabs/Item.module.scss +11 -0
  148. package/src/components/ui/tabs/Item.tsx +26 -0
  149. package/src/components/ui/tabs/Selector.module.scss +6 -0
  150. package/src/components/ui/tabs/Selector.tsx +31 -0
  151. package/src/demo/components/form/Checkbox.tsx +19 -1
  152. package/src/demo/components/form/Choice.tsx +19 -0
  153. package/src/demo/components/form/Input.tsx +4 -0
  154. package/src/demo/components/ui/tabs/Tabs.tsx +15 -0
  155. package/src/demo/componentsMap.ts +10 -0
  156. package/src/global.scss +16 -3
  157. package/src/index.ts +2 -0
  158. package/src/types/form.ts +7 -0
  159. package/src/utils/index.ts +2 -0
  160. package/src/utils/toObjectValue.ts +9 -0
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.8.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.8.0">
6
+ <title>react-miui - v0.9.3</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.9.3">
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.8.0</a>
26
+ <a href="index.html" class="title">react-miui - v0.9.3</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.8.0</h1>
60
+ <h1>Project react-miui - v0.9.3</h1>
61
61
  </div>
62
62
  </div>
63
63
  </header>
@@ -135,6 +135,9 @@
135
135
  <li class=" tsd-kind-variable">
136
136
  <a href="modules.html#Checkbox" class="tsd-kind-icon">Checkbox</a>
137
137
  </li>
138
+ <li class=" tsd-kind-variable">
139
+ <a href="modules.html#Choice" class="tsd-kind-icon">Choice</a>
140
+ </li>
138
141
  <li class=" tsd-kind-variable">
139
142
  <a href="modules.html#DirectionPad" class="tsd-kind-icon">Direction<wbr>Pad</a>
140
143
  </li>
@@ -174,6 +177,9 @@
174
177
  <li class=" tsd-kind-variable">
175
178
  <a href="modules.html#Section" class="tsd-kind-icon">Section</a>
176
179
  </li>
180
+ <li class=" tsd-kind-variable">
181
+ <a href="modules.html#Selector" class="tsd-kind-icon">Selector</a>
182
+ </li>
177
183
  <li class=" tsd-kind-variable">
178
184
  <a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a>
179
185
  </li>
package/docs/modules/Item.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>Item | react-miui - v0.8.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.8.0">
6
+ <title>Item | react-miui - v0.9.3</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.9.3">
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.8.0</a>
26
+ <a href="../index.html" class="title">react-miui - v0.9.3</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -93,7 +93,7 @@
93
93
  <section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-namespace">
94
94
  <a name="Value" class="tsd-anchor"></a>
95
95
  <h3>Value</h3>
96
- <div class="tsd-signature tsd-kind-icon">Value<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>
96
+ <div class="tsd-signature tsd-kind-icon">Value<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span></div>
97
97
  <aside class="tsd-sources">
98
98
  </aside>
99
99
  </section>
package/docs/modules/List.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>List | react-miui - v0.8.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.8.0">
6
+ <title>List | react-miui - v0.9.3</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.9.3">
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.8.0</a>
26
+ <a href="../index.html" class="title">react-miui - v0.9.3</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/docs/modules/Modal.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>Modal | react-miui - v0.8.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.8.0">
6
+ <title>Modal | react-miui - v0.9.3</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.9.3">
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.8.0</a>
26
+ <a href="../index.html" class="title">react-miui - v0.9.3</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/docs/modules/ModalButtons.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>ModalButtons | react-miui - v0.8.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.8.0">
6
+ <title>ModalButtons | react-miui - v0.9.3</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.9.3">
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.8.0</a>
26
+ <a href="../index.html" class="title">react-miui - v0.9.3</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/docs/modules/Section.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>Section | react-miui - v0.8.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.8.0">
6
+ <title>Section | react-miui - v0.9.3</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.9.3">
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.8.0</a>
26
+ <a href="../index.html" class="title">react-miui - v0.9.3</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
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.8.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.8.0">
6
+ <title>StickyHeader | react-miui - v0.9.3</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.9.3">
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.8.0</a>
26
+ <a href="../index.html" class="title">react-miui - v0.9.3</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/079f954/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/05d2b3c/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.8.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.8.0">
6
+ <title>react-miui - v0.9.3</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.9.3">
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.8.0</a>
26
+ <a href="index.html" class="title">react-miui - v0.9.3</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.8.0</h1>
60
+ <h1>Project react-miui - v0.9.3</h1>
61
61
  </div>
62
62
  </div>
63
63
  </header>
@@ -98,6 +98,7 @@
98
98
  <li class="tsd-kind-variable"><a href="modules.html#Button" class="tsd-kind-icon">Button</a></li>
99
99
  <li class="tsd-kind-variable"><a href="modules.html#Card" class="tsd-kind-icon">Card</a></li>
100
100
  <li class="tsd-kind-variable"><a href="modules.html#Checkbox" class="tsd-kind-icon">Checkbox</a></li>
101
+ <li class="tsd-kind-variable"><a href="modules.html#Choice" class="tsd-kind-icon">Choice</a></li>
101
102
  <li class="tsd-kind-variable"><a href="modules.html#DirectionPad" class="tsd-kind-icon">Direction<wbr>Pad</a></li>
102
103
  <li class="tsd-kind-variable"><a href="modules.html#EqualActions" class="tsd-kind-icon">Equal<wbr>Actions</a></li>
103
104
  <li class="tsd-kind-variable"><a href="modules.html#Header" class="tsd-kind-icon">Header</a></li>
@@ -111,6 +112,7 @@
111
112
  <li class="tsd-kind-variable"><a href="modules.html#ModalButtons" class="tsd-kind-icon">Modal<wbr>Buttons</a></li>
112
113
  <li class="tsd-kind-variable"><a href="modules.html#SearchContainer" class="tsd-kind-icon">Search<wbr>Container</a></li>
113
114
  <li class="tsd-kind-variable"><a href="modules.html#Section" class="tsd-kind-icon">Section</a></li>
115
+ <li class="tsd-kind-variable"><a href="modules.html#Selector" class="tsd-kind-icon">Selector</a></li>
114
116
  <li class="tsd-kind-variable"><a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a></li>
115
117
  <li class="tsd-kind-variable"><a href="modules.html#TextArea" class="tsd-kind-icon">Text<wbr>Area</a></li>
116
118
  <li class="tsd-kind-variable"><a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a></li>
@@ -133,7 +135,7 @@
133
135
  <div class="tsd-signature tsd-kind-icon">Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
134
136
  <aside class="tsd-sources">
135
137
  <ul>
136
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
138
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
137
139
  </ul>
138
140
  </aside>
139
141
  </section>
@@ -143,7 +145,7 @@
143
145
  <div class="tsd-signature tsd-kind-icon">Button<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.ButtonHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLButtonElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
144
146
  <aside class="tsd-sources">
145
147
  <ul>
146
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
148
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
147
149
  </ul>
148
150
  </aside>
149
151
  </section>
@@ -153,7 +155,7 @@
153
155
  <div class="tsd-signature tsd-kind-icon">Card<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
154
156
  <aside class="tsd-sources">
155
157
  <ul>
156
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
158
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
157
159
  </ul>
158
160
  </aside>
159
161
  </section>
@@ -163,7 +165,17 @@
163
165
  <div class="tsd-signature tsd-kind-icon">Checkbox<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
164
166
  <aside class="tsd-sources">
165
167
  <ul>
166
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
168
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/form/Checkbox.tsx#L16">src/components/form/Checkbox.tsx:16</a></li>
169
+ </ul>
170
+ </aside>
171
+ </section>
172
+ <section class="tsd-panel tsd-member tsd-kind-variable">
173
+ <a name="Choice" class="tsd-anchor"></a>
174
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Choice</h3>
175
+ <div class="tsd-signature tsd-kind-icon">Choice<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
176
+ <aside class="tsd-sources">
177
+ <ul>
178
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/form/choice/Choice.tsx#L15">src/components/form/choice/Choice.tsx:15</a></li>
167
179
  </ul>
168
180
  </aside>
169
181
  </section>
@@ -173,7 +185,7 @@
173
185
  <div class="tsd-signature tsd-kind-icon">Direction<wbr>Pad<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
174
186
  <aside class="tsd-sources">
175
187
  <ul>
176
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
188
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
177
189
  </ul>
178
190
  </aside>
179
191
  </section>
@@ -183,7 +195,7 @@
183
195
  <div class="tsd-signature tsd-kind-icon">Equal<wbr>Actions<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
184
196
  <aside class="tsd-sources">
185
197
  <ul>
186
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
198
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
187
199
  </ul>
188
200
  </aside>
189
201
  </section>
@@ -193,7 +205,7 @@
193
205
  <div class="tsd-signature tsd-kind-icon">Header<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
194
206
  <aside class="tsd-sources">
195
207
  <ul>
196
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
208
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
197
209
  </ul>
198
210
  </aside>
199
211
  </section>
@@ -203,7 +215,7 @@
203
215
  <div class="tsd-signature tsd-kind-icon">Header<wbr>Icon<wbr>Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
204
216
  <aside class="tsd-sources">
205
217
  <ul>
206
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
218
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
207
219
  </ul>
208
220
  </aside>
209
221
  </section>
@@ -213,7 +225,7 @@
213
225
  <div class="tsd-signature tsd-kind-icon">Icon<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
214
226
  <aside class="tsd-sources">
215
227
  <ul>
216
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/icons/Icon.tsx#L31">src/components/icons/Icon.tsx:31</a></li>
228
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/icons/Icon.tsx#L31">src/components/icons/Icon.tsx:31</a></li>
217
229
  </ul>
218
230
  </aside>
219
231
  </section>
@@ -223,7 +235,7 @@
223
235
  <div class="tsd-signature tsd-kind-icon">Input<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Omit</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.InputHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLInputElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol">, </span><span class="tsd-signature-type">&quot;prefix&quot;</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
224
236
  <aside class="tsd-sources">
225
237
  <ul>
226
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
238
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
227
239
  </ul>
228
240
  </aside>
229
241
  </section>
@@ -233,7 +245,7 @@
233
245
  <div class="tsd-signature tsd-kind-icon">Item<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
234
246
  <aside class="tsd-sources">
235
247
  <ul>
236
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/list/Item.tsx#L36">src/components/layout/list/Item.tsx:36</a></li>
248
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/list/Item.tsx#L36">src/components/layout/list/Item.tsx:36</a></li>
237
249
  </ul>
238
250
  </aside>
239
251
  </section>
@@ -243,7 +255,7 @@
243
255
  <div class="tsd-signature tsd-kind-icon">Label<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
244
256
  <aside class="tsd-sources">
245
257
  <ul>
246
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
258
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
247
259
  </ul>
248
260
  </aside>
249
261
  </section>
@@ -253,7 +265,7 @@
253
265
  <div class="tsd-signature tsd-kind-icon">List<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
254
266
  <aside class="tsd-sources">
255
267
  <ul>
256
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/list/List.tsx#L20">src/components/layout/list/List.tsx:20</a></li>
268
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/list/List.tsx#L20">src/components/layout/list/List.tsx:20</a></li>
257
269
  </ul>
258
270
  </aside>
259
271
  </section>
@@ -263,7 +275,7 @@
263
275
  <div class="tsd-signature tsd-kind-icon">Modal<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
264
276
  <aside class="tsd-sources">
265
277
  <ul>
266
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/ui/modal/Modal.tsx#L25">src/components/ui/modal/Modal.tsx:25</a></li>
278
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/modal/Modal.tsx#L25">src/components/ui/modal/Modal.tsx:25</a></li>
267
279
  </ul>
268
280
  </aside>
269
281
  </section>
@@ -273,7 +285,7 @@
273
285
  <div class="tsd-signature tsd-kind-icon">Modal<wbr>Buttons<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
274
286
  <aside class="tsd-sources">
275
287
  <ul>
276
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/ui/modal/ModalButtons.tsx#L12">src/components/ui/modal/ModalButtons.tsx:12</a></li>
288
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/modal/ModalButtons.tsx#L12">src/components/ui/modal/ModalButtons.tsx:12</a></li>
277
289
  </ul>
278
290
  </aside>
279
291
  </section>
@@ -283,7 +295,7 @@
283
295
  <div class="tsd-signature tsd-kind-icon">Search<wbr>Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol"> = ...</span></div>
284
296
  <aside class="tsd-sources">
285
297
  <ul>
286
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
298
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
287
299
  </ul>
288
300
  </aside>
289
301
  </section>
@@ -293,7 +305,17 @@
293
305
  <div class="tsd-signature tsd-kind-icon">Section<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
294
306
  <aside class="tsd-sources">
295
307
  <ul>
296
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
308
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
309
+ </ul>
310
+ </aside>
311
+ </section>
312
+ <section class="tsd-panel tsd-member tsd-kind-variable">
313
+ <a name="Selector" class="tsd-anchor"></a>
314
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Selector</h3>
315
+ <div class="tsd-signature tsd-kind-icon">Selector<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
316
+ <aside class="tsd-sources">
317
+ <ul>
318
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/tabs/Selector.tsx#L14">src/components/ui/tabs/Selector.tsx:14</a></li>
297
319
  </ul>
298
320
  </aside>
299
321
  </section>
@@ -303,7 +325,7 @@
303
325
  <div class="tsd-signature tsd-kind-icon">Sticky<wbr>Header<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Content</span><span class="tsd-signature-symbol"> = ...</span></div>
304
326
  <aside class="tsd-sources">
305
327
  <ul>
306
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
328
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
307
329
  </ul>
308
330
  </aside>
309
331
  </section>
@@ -313,7 +335,7 @@
313
335
  <div class="tsd-signature tsd-kind-icon">Text<wbr>Area<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">React.TextareaHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTextAreaElement</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
314
336
  <aside class="tsd-sources">
315
337
  <ul>
316
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
338
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
317
339
  </ul>
318
340
  </aside>
319
341
  </section>
@@ -323,7 +345,7 @@
323
345
  <div class="tsd-signature tsd-kind-icon">Toggle<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
324
346
  <aside class="tsd-sources">
325
347
  <ul>
326
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
348
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
327
349
  </ul>
328
350
  </aside>
329
351
  </section>
@@ -340,7 +362,7 @@
340
362
  <li class="tsd-description">
341
363
  <aside class="tsd-sources">
342
364
  <ul>
343
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/079f954/src/components/ui/toaster/Toaster.tsx#L99">src/components/ui/toaster/Toaster.tsx:99</a></li>
365
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/toaster/Toaster.tsx#L99">src/components/ui/toaster/Toaster.tsx:99</a></li>
344
366
  </ul>
345
367
  </aside>
346
368
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ToasterFn</span></h4>
@@ -404,6 +426,9 @@
404
426
  <li class=" tsd-kind-variable">
405
427
  <a href="modules.html#Checkbox" class="tsd-kind-icon">Checkbox</a>
406
428
  </li>
429
+ <li class=" tsd-kind-variable">
430
+ <a href="modules.html#Choice" class="tsd-kind-icon">Choice</a>
431
+ </li>
407
432
  <li class=" tsd-kind-variable">
408
433
  <a href="modules.html#DirectionPad" class="tsd-kind-icon">Direction<wbr>Pad</a>
409
434
  </li>
@@ -443,6 +468,9 @@
443
468
  <li class=" tsd-kind-variable">
444
469
  <a href="modules.html#Section" class="tsd-kind-icon">Section</a>
445
470
  </li>
471
+ <li class=" tsd-kind-variable">
472
+ <a href="modules.html#Selector" class="tsd-kind-icon">Selector</a>
473
+ </li>
446
474
  <li class=" tsd-kind-variable">
447
475
  <a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a>
448
476
  </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.8.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.8.0">
6
+ <title>Test | react-miui - v0.9.3</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.9.3">
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.8.0</a>
26
+ <a href="../../index.html" class="title">react-miui - v0.9.3</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/esm/components/form/Checkbox.d.ts CHANGED
@@ -4,6 +4,8 @@ interface Props {
4
4
  name: string;
5
5
  onChange: () => void;
6
6
  checked: boolean;
7
+ disabled?: boolean;
8
+ readOnly?: boolean;
7
9
  }
8
10
  declare const Checkbox: React.FC<Props>;
9
11
  export { Checkbox };
package/esm/components/form/Checkbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,KAAK;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;CACpB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAW7B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6B7B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
package/esm/components/form/Checkbox.js CHANGED
@@ -1,14 +1,24 @@
1
1
  import React from "react";
2
+ import classnames from "classnames";
2
3
  import styles from "./Checkbox.module.scss";
3
4
  import { Checkmark } from "../icons/Checkmark.js";
4
5
  const Checkbox = (props) => {
5
6
  const style = {};
6
7
  props.color && (style.color = props.color);
7
- return (React.createElement("label", { className: styles.checkbox },
8
- React.createElement("input", { type: "checkbox", name: props.name, onChange: props.onChange, checked: props.checked }),
9
- React.createElement("span", { style: style },
8
+ const cls = classnames(styles.checkbox, {
9
+ [styles.disabled]: props.disabled,
10
+ [styles.readOnly]: props.readOnly,
11
+ });
12
+ const checkmarkCls = classnames(styles.checkmark, {
13
+ [styles.checkmarkDisabled]: props.disabled,
14
+ [styles.checkmarkChecked]: props.checked,
15
+ [styles.checkmarkReadOnly]: props.readOnly,
16
+ });
17
+ return (React.createElement("label", { className: cls },
18
+ React.createElement("input", { type: "checkbox", name: props.name, onChange: props.onChange, checked: props.checked, disabled: props.disabled, readOnly: props.readOnly }),
19
+ React.createElement("span", { style: style, className: checkmarkCls },
10
20
  React.createElement(Checkmark, null)),
11
- React.createElement("span", null, props.children)));
21
+ React.createElement("span", { className: styles.label }, props.children)));
12
22
  };
13
23
  export { Checkbox };
14
24
  //# sourceMappingURL=Checkbox.js.map
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,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"}
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,wBAAwB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAWlD,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,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,QAAQ,EAAE;QACpC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ;QACjC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ;KACpC,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE;QAC9C,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,QAAQ;QAC1C,CAAC,MAAM,CAAC,gBAAgB,CAAC,EAAE,KAAK,CAAC,OAAO;QACxC,CAAC,MAAM,CAAC,iBAAiB,CAAC,EAAE,KAAK,CAAC,QAAQ;KAC7C,CAAC,CAAC;IAEH,OAAO,CACH,+BAAO,SAAS,EAAE,GAAG;QACjB,+BACI,IAAI,EAAE,UAAU,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GAC1B;QACF,8BAAM,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY;YAAE,oBAAC,SAAS,OAAG,CAAO;QACjE,8BAAM,SAAS,EAAE,MAAM,CAAC,KAAK,IAAG,KAAK,CAAC,QAAQ,CAAQ,CAClD,CACX,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}