react-miui 0.4.3 → 0.6.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 (184) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/assets/sources/battery.fla +0 -0
  3. package/assets/sources/search.fla +0 -0
  4. package/dist/components/form/Input.d.ts +9 -0
  5. package/dist/components/form/Input.d.ts.map +1 -0
  6. package/dist/components/form/Input.js +62 -0
  7. package/dist/components/form/Input.js.map +1 -0
  8. package/dist/components/form/Input.module.scss +39 -0
  9. package/dist/components/form/Label.d.ts +8 -0
  10. package/dist/components/form/Label.d.ts.map +1 -0
  11. package/dist/components/form/Label.js +22 -0
  12. package/dist/components/form/Label.js.map +1 -0
  13. package/dist/components/form/Label.module.scss +15 -0
  14. package/dist/components/form/Toggle.d.ts +1 -1
  15. package/dist/components/form/Toggle.d.ts.map +1 -1
  16. package/dist/components/form/Toggle.js.map +1 -1
  17. package/dist/components/icons/Back.d.ts +1 -1
  18. package/dist/components/icons/Back.d.ts.map +1 -1
  19. package/dist/components/icons/Back.js.map +1 -1
  20. package/dist/components/icons/Battery.d.ts +7 -0
  21. package/dist/components/icons/Battery.d.ts.map +1 -0
  22. package/dist/components/icons/Battery.js +14 -0
  23. package/dist/components/icons/Battery.js.map +1 -0
  24. package/dist/components/icons/Forward.d.ts +1 -1
  25. package/dist/components/icons/Forward.d.ts.map +1 -1
  26. package/dist/components/icons/Forward.js.map +1 -1
  27. package/dist/components/icons/Icon.d.ts +3 -1
  28. package/dist/components/icons/Icon.d.ts.map +1 -1
  29. package/dist/components/icons/Icon.js +6 -0
  30. package/dist/components/icons/Icon.js.map +1 -1
  31. package/dist/components/icons/Search.d.ts +7 -0
  32. package/dist/components/icons/Search.d.ts.map +1 -0
  33. package/dist/components/icons/Search.js +13 -0
  34. package/dist/components/icons/Search.js.map +1 -0
  35. package/dist/components/layout/card/Card.d.ts +8 -0
  36. package/dist/components/layout/card/Card.d.ts.map +1 -0
  37. package/dist/components/layout/card/Card.js +19 -0
  38. package/dist/components/layout/card/Card.js.map +1 -0
  39. package/dist/components/layout/card/Card.module.scss +15 -0
  40. package/dist/components/layout/header/HeaderIconAction.d.ts +1 -1
  41. package/dist/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  42. package/dist/components/layout/header/HeaderIconAction.js.map +1 -1
  43. package/dist/components/layout/section/SearchContainer.d.ts +4 -0
  44. package/dist/components/layout/section/SearchContainer.d.ts.map +1 -0
  45. package/dist/components/layout/section/SearchContainer.js +13 -0
  46. package/dist/components/layout/section/SearchContainer.js.map +1 -0
  47. package/dist/components/layout/section/SearchContainer.module.scss +3 -0
  48. package/dist/components/layout/section/Section.d.ts +12 -0
  49. package/dist/components/layout/section/Section.d.ts.map +1 -0
  50. package/dist/components/layout/section/Section.js +22 -0
  51. package/dist/components/layout/section/Section.js.map +1 -0
  52. package/dist/components/layout/section/Section.module.scss +24 -0
  53. package/dist/components/layout/section/SectionContainer.d.ts +4 -0
  54. package/dist/components/layout/section/SectionContainer.d.ts.map +1 -0
  55. package/dist/components/layout/section/SectionContainer.js +13 -0
  56. package/dist/components/layout/section/SectionContainer.js.map +1 -0
  57. package/dist/components/layout/section/SectionContainer.module.scss +4 -0
  58. package/dist/components/ui/action/Action.d.ts +1 -1
  59. package/dist/components/ui/action/Action.d.ts.map +1 -1
  60. package/dist/components/ui/action/Action.js.map +1 -1
  61. package/dist/components/ui/button/Button.d.ts +1 -2
  62. package/dist/components/ui/button/Button.d.ts.map +1 -1
  63. package/dist/components/ui/button/Button.js +15 -3
  64. package/dist/components/ui/button/Button.js.map +1 -1
  65. package/dist/global.scss +3 -0
  66. package/dist/index.d.ts +5 -0
  67. package/dist/index.d.ts.map +1 -1
  68. package/dist/index.js +5 -0
  69. package/dist/index.js.map +1 -1
  70. package/dist/types.d.ts +1 -1
  71. package/dist/types.d.ts.map +1 -1
  72. package/docs/assets/js/search.js +1 -1
  73. package/docs/assets/js/search.json +1 -1
  74. package/docs/enums/ICON.html +49 -6
  75. package/docs/index.html +22 -4
  76. package/docs/modules/Item.html +6 -3
  77. package/docs/modules/List.html +6 -3
  78. package/docs/modules/Section.html +147 -0
  79. package/docs/modules/StickyHeader.html +7 -4
  80. package/docs/modules.html +94 -20
  81. package/docs/pages/Tutorials/Test.html +6 -3
  82. package/esm/components/form/Input.d.ts +9 -0
  83. package/esm/components/form/Input.d.ts.map +1 -0
  84. package/esm/components/form/Input.js +25 -0
  85. package/esm/components/form/Input.js.map +1 -0
  86. package/esm/components/form/Input.module.scss +39 -0
  87. package/esm/components/form/Label.d.ts +8 -0
  88. package/esm/components/form/Label.d.ts.map +1 -0
  89. package/esm/components/form/Label.js +16 -0
  90. package/esm/components/form/Label.js.map +1 -0
  91. package/esm/components/form/Label.module.scss +15 -0
  92. package/esm/components/form/Toggle.d.ts +1 -1
  93. package/esm/components/form/Toggle.d.ts.map +1 -1
  94. package/esm/components/form/Toggle.js.map +1 -1
  95. package/esm/components/icons/Back.d.ts +1 -1
  96. package/esm/components/icons/Back.d.ts.map +1 -1
  97. package/esm/components/icons/Back.js.map +1 -1
  98. package/esm/components/icons/Battery.d.ts +7 -0
  99. package/esm/components/icons/Battery.d.ts.map +1 -0
  100. package/esm/components/icons/Battery.js +8 -0
  101. package/esm/components/icons/Battery.js.map +1 -0
  102. package/esm/components/icons/Forward.d.ts +1 -1
  103. package/esm/components/icons/Forward.d.ts.map +1 -1
  104. package/esm/components/icons/Forward.js.map +1 -1
  105. package/esm/components/icons/Icon.d.ts +3 -1
  106. package/esm/components/icons/Icon.d.ts.map +1 -1
  107. package/esm/components/icons/Icon.js +6 -0
  108. package/esm/components/icons/Icon.js.map +1 -1
  109. package/esm/components/icons/Search.d.ts +7 -0
  110. package/esm/components/icons/Search.d.ts.map +1 -0
  111. package/esm/components/icons/Search.js +7 -0
  112. package/esm/components/icons/Search.js.map +1 -0
  113. package/esm/components/layout/card/Card.d.ts +8 -0
  114. package/esm/components/layout/card/Card.d.ts.map +1 -0
  115. package/esm/components/layout/card/Card.js +13 -0
  116. package/esm/components/layout/card/Card.js.map +1 -0
  117. package/esm/components/layout/card/Card.module.scss +15 -0
  118. package/esm/components/layout/header/HeaderIconAction.d.ts +1 -1
  119. package/esm/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  120. package/esm/components/layout/header/HeaderIconAction.js.map +1 -1
  121. package/esm/components/layout/section/SearchContainer.d.ts +4 -0
  122. package/esm/components/layout/section/SearchContainer.d.ts.map +1 -0
  123. package/esm/components/layout/section/SearchContainer.js +7 -0
  124. package/esm/components/layout/section/SearchContainer.js.map +1 -0
  125. package/esm/components/layout/section/SearchContainer.module.scss +3 -0
  126. package/esm/components/layout/section/Section.d.ts +12 -0
  127. package/esm/components/layout/section/Section.d.ts.map +1 -0
  128. package/esm/components/layout/section/Section.js +16 -0
  129. package/esm/components/layout/section/Section.js.map +1 -0
  130. package/esm/components/layout/section/Section.module.scss +24 -0
  131. package/esm/components/layout/section/SectionContainer.d.ts +4 -0
  132. package/esm/components/layout/section/SectionContainer.d.ts.map +1 -0
  133. package/esm/components/layout/section/SectionContainer.js +7 -0
  134. package/esm/components/layout/section/SectionContainer.js.map +1 -0
  135. package/esm/components/layout/section/SectionContainer.module.scss +4 -0
  136. package/esm/components/ui/action/Action.d.ts +1 -1
  137. package/esm/components/ui/action/Action.d.ts.map +1 -1
  138. package/esm/components/ui/action/Action.js.map +1 -1
  139. package/esm/components/ui/button/Button.d.ts +1 -2
  140. package/esm/components/ui/button/Button.d.ts.map +1 -1
  141. package/esm/components/ui/button/Button.js +3 -3
  142. package/esm/components/ui/button/Button.js.map +1 -1
  143. package/esm/global.scss +3 -0
  144. package/esm/index.d.ts +5 -0
  145. package/esm/index.d.ts.map +1 -1
  146. package/esm/index.js +5 -0
  147. package/esm/index.js.map +1 -1
  148. package/esm/types.d.ts +1 -1
  149. package/esm/types.d.ts.map +1 -1
  150. package/package.json +2 -2
  151. package/src/components/form/Input.module.scss +39 -0
  152. package/src/components/form/Input.tsx +48 -0
  153. package/src/components/form/Label.module.scss +15 -0
  154. package/src/components/form/Label.tsx +29 -0
  155. package/src/components/form/Toggle.tsx +1 -1
  156. package/src/components/icons/Back.tsx +1 -1
  157. package/src/components/icons/Battery.tsx +34 -0
  158. package/src/components/icons/Forward.tsx +1 -1
  159. package/src/components/icons/Icon.tsx +6 -0
  160. package/src/components/icons/Search.tsx +29 -0
  161. package/src/components/layout/card/Card.module.scss +15 -0
  162. package/src/components/layout/card/Card.tsx +26 -0
  163. package/src/components/layout/header/HeaderIconAction.tsx +1 -1
  164. package/src/components/layout/section/SearchContainer.module.scss +3 -0
  165. package/src/components/layout/section/SearchContainer.tsx +11 -0
  166. package/src/components/layout/section/Section.module.scss +24 -0
  167. package/src/components/layout/section/Section.tsx +34 -0
  168. package/src/components/layout/section/SectionContainer.module.scss +4 -0
  169. package/src/components/layout/section/SectionContainer.tsx +11 -0
  170. package/src/components/ui/action/Action.tsx +1 -1
  171. package/src/components/ui/button/Button.tsx +8 -4
  172. package/src/demo/Main.module.scss +2 -0
  173. package/src/demo/components/form/Form.tsx +31 -0
  174. package/src/demo/components/form/Input.tsx +13 -0
  175. package/src/demo/components/form/Label.tsx +14 -0
  176. package/src/demo/components/form/Search.tsx +36 -0
  177. package/src/demo/components/form/Toggle.tsx +1 -1
  178. package/src/demo/components/layout/card/Card.tsx +21 -0
  179. package/src/demo/components/layout/section/Section.tsx +34 -0
  180. package/src/demo/components/ui/button/ButtonDemo.tsx +9 -5
  181. package/src/demo/componentsMap.ts +43 -11
  182. package/src/global.scss +3 -0
  183. package/src/index.ts +5 -0
  184. package/src/types.ts +1 -1
package/docs/modules/Section.html ADDED
@@ -0,0 +1,147 @@
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>Section | react-miui - v0.6.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.6.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.6.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="Section.html">Section</a>
61
+ </li>
62
+ </ul>
63
+ <h1>Namespace Section</h1>
64
+ </div>
65
+ </div>
66
+ </header>
67
+ <div class="container container-main">
68
+ <div class="row">
69
+ <div class="col-8 col-content">
70
+ <section class="tsd-panel-group tsd-index-group">
71
+ <h2>Index</h2>
72
+ <section class="tsd-panel tsd-index-panel">
73
+ <div class="tsd-index-content">
74
+ <section class="tsd-index-section ">
75
+ <h3>Variables</h3>
76
+ <ul class="tsd-index-list">
77
+ <li class="tsd-kind-variable tsd-parent-kind-namespace"><a href="Section.html#Container" class="tsd-kind-icon">Container</a></li>
78
+ </ul>
79
+ </section>
80
+ </div>
81
+ </section>
82
+ </section>
83
+ <section class="tsd-panel-group tsd-member-group ">
84
+ <h2>Variables</h2>
85
+ <section class="tsd-panel tsd-member tsd-kind-variable tsd-parent-kind-namespace">
86
+ <a name="Container" class="tsd-anchor"></a>
87
+ <h3>Container</h3>
88
+ <div class="tsd-signature tsd-kind-icon">Container<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-symbol">{}</span><span class="tsd-signature-symbol">&gt;</span></div>
89
+ <aside class="tsd-sources">
90
+ </aside>
91
+ </section>
92
+ </section>
93
+ </div>
94
+ <div class="col-4 col-menu menu-sticky-wrap menu-highlight">
95
+ <nav class="tsd-navigation primary">
96
+ <ul>
97
+ <li class="label pp-nav pp-group">
98
+ <span>Tutorials</span>
99
+ </li>
100
+ <li class=" pp-nav pp-page">
101
+ <a href="../pages/Tutorials/Test.html">Test</a>
102
+ </li>
103
+ <li class="label pp-nav pp-group">
104
+ <span>API</span>
105
+ </li>
106
+ <li class=" ">
107
+ <a href="../modules.html">Exports</a>
108
+ </li>
109
+ <li class=" tsd-kind-namespace">
110
+ <a href="Item.html">Item</a>
111
+ </li>
112
+ <li class=" tsd-kind-namespace">
113
+ <a href="List.html">List</a>
114
+ </li>
115
+ <li class="current tsd-kind-namespace">
116
+ <a href="Section.html">Section</a>
117
+ </li>
118
+ <li class=" tsd-kind-namespace">
119
+ <a href="StickyHeader.html">Sticky<wbr>Header</a>
120
+ </li>
121
+ </ul>
122
+ </nav>
123
+ <nav class="tsd-navigation secondary menu-sticky">
124
+ <ul class="before-current">
125
+ <li class=" tsd-kind-variable tsd-parent-kind-namespace">
126
+ <a href="Section.html#Container" class="tsd-kind-icon">Container</a>
127
+ </li>
128
+ </ul>
129
+ </nav>
130
+ </div>
131
+ </div>
132
+ </div>
133
+ <footer class="with-border-bottom">
134
+ <div class="container">
135
+ <h2>Legend</h2>
136
+ <div class="tsd-legend-group">
137
+ </div>
138
+ </div>
139
+ </footer>
140
+ <div class="container tsd-generator">
141
+ <p>Generated using <a href="https://typedoc.org/" target="_blank">TypeDoc</a></p>
142
+ </div>
143
+ <div class="overlay"></div>
144
+ <script src="../assets/js/main.js"></script>
145
+ <script>if (location.protocol == 'file:') document.write('<script src="../assets/js/search.json"><' + '/script>');</script>
146
+ </body>
147
+ </html>
package/docs/modules/StickyHeader.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>StickyHeader | react-miui - v0.4.3</title>
7
- <meta name="description" content="Documentation for react-miui - v0.4.3">
6
+ <title>StickyHeader | react-miui - v0.6.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.6.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.4.3</a>
26
+ <a href="../index.html" class="title">react-miui - v0.6.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/8840afb/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/9113258/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>
@@ -133,6 +133,9 @@
133
133
  <li class=" tsd-kind-namespace">
134
134
  <a href="List.html">List</a>
135
135
  </li>
136
+ <li class=" tsd-kind-namespace">
137
+ <a href="Section.html">Section</a>
138
+ </li>
136
139
  <li class="current tsd-kind-namespace">
137
140
  <a href="StickyHeader.html">Sticky<wbr>Header</a>
138
141
  </li>
package/docs/modules.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>react-miui - v0.4.3</title>
7
- <meta name="description" content="Documentation for react-miui - v0.4.3">
6
+ <title>react-miui - v0.6.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.6.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.4.3</a>
26
+ <a href="index.html" class="title">react-miui - v0.6.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.4.3</h1>
60
+ <h1>Project react-miui - v0.6.0</h1>
61
61
  </div>
62
62
  </div>
63
63
  </header>
@@ -73,6 +73,7 @@
73
73
  <ul class="tsd-index-list">
74
74
  <li class="tsd-kind-namespace"><a href="modules/Item.html" class="tsd-kind-icon">Item</a></li>
75
75
  <li class="tsd-kind-namespace"><a href="modules/List.html" class="tsd-kind-icon">List</a></li>
76
+ <li class="tsd-kind-namespace"><a href="modules/Section.html" class="tsd-kind-icon">Section</a></li>
76
77
  <li class="tsd-kind-namespace"><a href="modules/StickyHeader.html" class="tsd-kind-icon">Sticky<wbr>Header</a></li>
77
78
  </ul>
78
79
  </section>
@@ -87,14 +88,19 @@
87
88
  <ul class="tsd-index-list">
88
89
  <li class="tsd-kind-variable"><a href="modules.html#Action" class="tsd-kind-icon">Action</a></li>
89
90
  <li class="tsd-kind-variable"><a href="modules.html#Button" class="tsd-kind-icon">Button</a></li>
91
+ <li class="tsd-kind-variable"><a href="modules.html#Card" class="tsd-kind-icon">Card</a></li>
90
92
  <li class="tsd-kind-variable"><a href="modules.html#Checkbox" class="tsd-kind-icon">Checkbox</a></li>
91
93
  <li class="tsd-kind-variable"><a href="modules.html#DirectionPad" class="tsd-kind-icon">Direction<wbr>Pad</a></li>
92
94
  <li class="tsd-kind-variable"><a href="modules.html#EqualActions" class="tsd-kind-icon">Equal<wbr>Actions</a></li>
93
95
  <li class="tsd-kind-variable"><a href="modules.html#Header" class="tsd-kind-icon">Header</a></li>
94
96
  <li class="tsd-kind-variable"><a href="modules.html#HeaderIconAction" class="tsd-kind-icon">Header<wbr>Icon<wbr>Action</a></li>
95
97
  <li class="tsd-kind-variable"><a href="modules.html#Icon" class="tsd-kind-icon">Icon</a></li>
98
+ <li class="tsd-kind-variable"><a href="modules.html#Input" class="tsd-kind-icon">Input</a></li>
96
99
  <li class="tsd-kind-variable"><a href="modules.html#Item" class="tsd-kind-icon">Item</a></li>
100
+ <li class="tsd-kind-variable"><a href="modules.html#Label" class="tsd-kind-icon">Label</a></li>
97
101
  <li class="tsd-kind-variable"><a href="modules.html#List" class="tsd-kind-icon">List</a></li>
102
+ <li class="tsd-kind-variable"><a href="modules.html#SearchContainer" class="tsd-kind-icon">Search<wbr>Container</a></li>
103
+ <li class="tsd-kind-variable"><a href="modules.html#Section" class="tsd-kind-icon">Section</a></li>
98
104
  <li class="tsd-kind-variable"><a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a></li>
99
105
  <li class="tsd-kind-variable"><a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a></li>
100
106
  </ul>
@@ -107,20 +113,30 @@
107
113
  <section class="tsd-panel tsd-member tsd-kind-variable">
108
114
  <a name="Action" class="tsd-anchor"></a>
109
115
  <h3><span class="tsd-flag ts-flagConst">Const</span> Action</h3>
110
- <div class="tsd-signature tsd-kind-icon">Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.VFC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
116
+ <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>
111
117
  <aside class="tsd-sources">
112
118
  <ul>
113
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/8840afb/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
119
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
114
120
  </ul>
115
121
  </aside>
116
122
  </section>
117
123
  <section class="tsd-panel tsd-member tsd-kind-variable">
118
124
  <a name="Button" class="tsd-anchor"></a>
119
125
  <h3><span class="tsd-flag ts-flagConst">Const</span> Button</h3>
120
- <div class="tsd-signature tsd-kind-icon">Button<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
126
+ <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>
121
127
  <aside class="tsd-sources">
122
128
  <ul>
123
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/8840afb/src/components/ui/button/Button.tsx#L12">src/components/ui/button/Button.tsx:12</a></li>
129
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
130
+ </ul>
131
+ </aside>
132
+ </section>
133
+ <section class="tsd-panel tsd-member tsd-kind-variable">
134
+ <a name="Card" class="tsd-anchor"></a>
135
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Card</h3>
136
+ <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>
137
+ <aside class="tsd-sources">
138
+ <ul>
139
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
124
140
  </ul>
125
141
  </aside>
126
142
  </section>
@@ -130,7 +146,7 @@
130
146
  <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>
131
147
  <aside class="tsd-sources">
132
148
  <ul>
133
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/8840afb/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
149
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
134
150
  </ul>
135
151
  </aside>
136
152
  </section>
@@ -140,7 +156,7 @@
140
156
  <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>
141
157
  <aside class="tsd-sources">
142
158
  <ul>
143
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/8840afb/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
159
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
144
160
  </ul>
145
161
  </aside>
146
162
  </section>
@@ -150,7 +166,7 @@
150
166
  <div class="tsd-signature tsd-kind-icon">Equal<wbr>Actions<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
151
167
  <aside class="tsd-sources">
152
168
  <ul>
153
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/8840afb/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
169
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
154
170
  </ul>
155
171
  </aside>
156
172
  </section>
@@ -160,17 +176,17 @@
160
176
  <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>
161
177
  <aside class="tsd-sources">
162
178
  <ul>
163
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/8840afb/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
179
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
164
180
  </ul>
165
181
  </aside>
166
182
  </section>
167
183
  <section class="tsd-panel tsd-member tsd-kind-variable">
168
184
  <a name="HeaderIconAction" class="tsd-anchor"></a>
169
185
  <h3><span class="tsd-flag ts-flagConst">Const</span> Header<wbr>Icon<wbr>Action</h3>
170
- <div class="tsd-signature tsd-kind-icon">Header<wbr>Icon<wbr>Action<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.VFC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
186
+ <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>
171
187
  <aside class="tsd-sources">
172
188
  <ul>
173
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/8840afb/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
189
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
174
190
  </ul>
175
191
  </aside>
176
192
  </section>
@@ -180,7 +196,17 @@
180
196
  <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>
181
197
  <aside class="tsd-sources">
182
198
  <ul>
183
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/8840afb/src/components/icons/Icon.tsx#L25">src/components/icons/Icon.tsx:25</a></li>
199
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/icons/Icon.tsx#L31">src/components/icons/Icon.tsx:31</a></li>
200
+ </ul>
201
+ </aside>
202
+ </section>
203
+ <section class="tsd-panel tsd-member tsd-kind-variable">
204
+ <a name="Input" class="tsd-anchor"></a>
205
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Input</h3>
206
+ <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>
207
+ <aside class="tsd-sources">
208
+ <ul>
209
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
184
210
  </ul>
185
211
  </aside>
186
212
  </section>
@@ -190,7 +216,17 @@
190
216
  <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>
191
217
  <aside class="tsd-sources">
192
218
  <ul>
193
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/8840afb/src/components/layout/list/Item.tsx#L27">src/components/layout/list/Item.tsx:27</a></li>
219
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/list/Item.tsx#L27">src/components/layout/list/Item.tsx:27</a></li>
220
+ </ul>
221
+ </aside>
222
+ </section>
223
+ <section class="tsd-panel tsd-member tsd-kind-variable">
224
+ <a name="Label" class="tsd-anchor"></a>
225
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Label</h3>
226
+ <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>
227
+ <aside class="tsd-sources">
228
+ <ul>
229
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
194
230
  </ul>
195
231
  </aside>
196
232
  </section>
@@ -200,7 +236,27 @@
200
236
  <div class="tsd-signature tsd-kind-icon">List<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
201
237
  <aside class="tsd-sources">
202
238
  <ul>
203
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/8840afb/src/components/layout/list/List.tsx#L10">src/components/layout/list/List.tsx:10</a></li>
239
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/list/List.tsx#L10">src/components/layout/list/List.tsx:10</a></li>
240
+ </ul>
241
+ </aside>
242
+ </section>
243
+ <section class="tsd-panel tsd-member tsd-kind-variable">
244
+ <a name="SearchContainer" class="tsd-anchor"></a>
245
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Search<wbr>Container</h3>
246
+ <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>
247
+ <aside class="tsd-sources">
248
+ <ul>
249
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
250
+ </ul>
251
+ </aside>
252
+ </section>
253
+ <section class="tsd-panel tsd-member tsd-kind-variable">
254
+ <a name="Section" class="tsd-anchor"></a>
255
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Section</h3>
256
+ <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>
257
+ <aside class="tsd-sources">
258
+ <ul>
259
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
204
260
  </ul>
205
261
  </aside>
206
262
  </section>
@@ -210,17 +266,17 @@
210
266
  <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>
211
267
  <aside class="tsd-sources">
212
268
  <ul>
213
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/8840afb/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
269
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
214
270
  </ul>
215
271
  </aside>
216
272
  </section>
217
273
  <section class="tsd-panel tsd-member tsd-kind-variable">
218
274
  <a name="Toggle" class="tsd-anchor"></a>
219
275
  <h3><span class="tsd-flag ts-flagConst">Const</span> Toggle</h3>
220
- <div class="tsd-signature tsd-kind-icon">Toggle<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.VFC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
276
+ <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>
221
277
  <aside class="tsd-sources">
222
278
  <ul>
223
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/8840afb/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
279
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/9113258/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
224
280
  </ul>
225
281
  </aside>
226
282
  </section>
@@ -247,6 +303,9 @@
247
303
  <li class=" tsd-kind-namespace">
248
304
  <a href="modules/List.html">List</a>
249
305
  </li>
306
+ <li class=" tsd-kind-namespace">
307
+ <a href="modules/Section.html">Section</a>
308
+ </li>
250
309
  <li class=" tsd-kind-namespace">
251
310
  <a href="modules/StickyHeader.html">Sticky<wbr>Header</a>
252
311
  </li>
@@ -263,6 +322,9 @@
263
322
  <li class=" tsd-kind-variable">
264
323
  <a href="modules.html#Button" class="tsd-kind-icon">Button</a>
265
324
  </li>
325
+ <li class=" tsd-kind-variable">
326
+ <a href="modules.html#Card" class="tsd-kind-icon">Card</a>
327
+ </li>
266
328
  <li class=" tsd-kind-variable">
267
329
  <a href="modules.html#Checkbox" class="tsd-kind-icon">Checkbox</a>
268
330
  </li>
@@ -281,12 +343,24 @@
281
343
  <li class=" tsd-kind-variable">
282
344
  <a href="modules.html#Icon" class="tsd-kind-icon">Icon</a>
283
345
  </li>
346
+ <li class=" tsd-kind-variable">
347
+ <a href="modules.html#Input" class="tsd-kind-icon">Input</a>
348
+ </li>
284
349
  <li class=" tsd-kind-variable">
285
350
  <a href="modules.html#Item" class="tsd-kind-icon">Item</a>
286
351
  </li>
352
+ <li class=" tsd-kind-variable">
353
+ <a href="modules.html#Label" class="tsd-kind-icon">Label</a>
354
+ </li>
287
355
  <li class=" tsd-kind-variable">
288
356
  <a href="modules.html#List" class="tsd-kind-icon">List</a>
289
357
  </li>
358
+ <li class=" tsd-kind-variable">
359
+ <a href="modules.html#SearchContainer" class="tsd-kind-icon">Search<wbr>Container</a>
360
+ </li>
361
+ <li class=" tsd-kind-variable">
362
+ <a href="modules.html#Section" class="tsd-kind-icon">Section</a>
363
+ </li>
290
364
  <li class=" tsd-kind-variable">
291
365
  <a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a>
292
366
  </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.4.3</title>
7
- <meta name="description" content="Documentation for react-miui - v0.4.3">
6
+ <title>Test | react-miui - v0.6.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.6.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.4.3</a>
26
+ <a href="../../index.html" class="title">react-miui - v0.6.0</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -95,6 +95,9 @@
95
95
  <li class=" tsd-kind-namespace">
96
96
  <a href="../../modules/List.html">List</a>
97
97
  </li>
98
+ <li class=" tsd-kind-namespace">
99
+ <a href="../../modules/Section.html">Section</a>
100
+ </li>
98
101
  <li class=" tsd-kind-namespace">
99
102
  <a href="../../modules/StickyHeader.html">Sticky<wbr>Header</a>
100
103
  </li>
package/esm/components/form/Input.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ interface Props {
3
+ children?: never;
4
+ prefix?: React.ReactNode;
5
+ suffix?: React.ReactNode;
6
+ }
7
+ declare const Input: React.FC<Omit<React.InputHTMLAttributes<HTMLInputElement>, "prefix"> & Props>;
8
+ export { Input, };
9
+ //# sourceMappingURL=Input.d.ts.map
package/esm/components/form/Input.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgC,MAAM,OAAO,CAAC;AAKrD,UAAU,KAAK;IACX,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,QAAQ,CAAC,GAAG,KAAK,CAgCxF,CAAC;AAEF,OAAO,EACH,KAAK,GACR,CAAC"}
package/esm/components/form/Input.js ADDED
@@ -0,0 +1,25 @@
1
+ import React, { useCallback, useState } from "react";
2
+ import classnames from "classnames";
3
+ import styles from "./Input.module.scss";
4
+ const Input = ({ className, children, prefix, suffix, onFocus, onBlur, ...props }) => {
5
+ const [focused, setFocused] = useState(false);
6
+ const handleFocus = useCallback((e) => {
7
+ setFocused(true);
8
+ onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
9
+ }, [onFocus]);
10
+ const handleBlur = useCallback((e) => {
11
+ setFocused(false);
12
+ onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
13
+ }, [onBlur]);
14
+ const wrapperCls = classnames(styles.wrapper, {
15
+ [styles.wrapperFocused]: focused,
16
+ }, className);
17
+ const prefixElem = prefix ? React.createElement("div", { className: styles.prefix }, prefix) : null;
18
+ const suffixElem = suffix ? React.createElement("div", { className: styles.suffix }, suffix) : null;
19
+ return (React.createElement("div", { className: wrapperCls },
20
+ prefixElem,
21
+ React.createElement("input", { ...props, onFocus: handleFocus, onBlur: handleBlur, className: styles.input }),
22
+ suffixElem));
23
+ };
24
+ export { Input, };
25
+ //# sourceMappingURL=Input.js.map
package/esm/components/form/Input.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../../src/components/form/Input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACrD,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAQzC,MAAM,KAAK,GAAkF,CAAC,EAC1F,SAAS,EAAE,QAAQ,EACnB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,MAAM,EACf,GAAG,KAAK,EACX,EAAE,EAAE;IACD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAE9C,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,CAAqC,EAAE,EAAE;QACtE,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAC;IACjB,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,CAAqC,EAAE,EAAE;QACrE,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAG,CAAC,CAAC,CAAC;IAChB,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,OAAO,EAAE;QAC1C,CAAC,MAAM,CAAC,cAAc,CAAC,EAAE,OAAO;KACnC,EAAE,SAAS,CAAC,CAAC;IAEd,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IACjF,MAAM,UAAU,GAAG,MAAM,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,IAAG,MAAM,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAEjF,OAAO,CACH,6BAAK,SAAS,EAAE,UAAU;QACrB,UAAU;QACX,kCAAW,KAAK,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,CAAC,KAAK,GAAI;QACtF,UAAU,CACT,CACT,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EACH,KAAK,GACR,CAAC"}
package/esm/components/form/Input.module.scss ADDED
@@ -0,0 +1,39 @@
1
+ .input {
2
+ box-sizing: border-box;
3
+ height: calc(103px / var(--ratio-dimensions));
4
+ font-size: calc(34 / var(--ratio-font));
5
+ color: var(--text);
6
+ border: none;
7
+ display: block;
8
+ width: 100%;
9
+ background: none;
10
+
11
+ &::placeholder {
12
+ color: var(--sub);
13
+ }
14
+ }
15
+
16
+ .wrapper {
17
+ background: white;
18
+ display: inline-flex;
19
+ width: 100%;
20
+ box-sizing: border-box;
21
+ border-radius: 2px;
22
+ padding: 0 calc(36px / var(--ratio-dimensions));
23
+ border: calc(1px / var(--ratio-border)) solid var(--border);
24
+ align-items: center;
25
+ }
26
+
27
+ .prefix {
28
+ margin-right: calc(36px / var(--ratio-dimensions));
29
+ display: flex;
30
+ }
31
+
32
+ .suffix {
33
+ margin-left: calc(36px / var(--ratio-dimensions));
34
+ display: flex;
35
+ }
36
+
37
+ .wrapperFocused {
38
+ border-color: var(--focus-color);
39
+ }
package/esm/components/form/Label.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ interface Props {
3
+ label?: React.ReactNode;
4
+ variant?: "big";
5
+ }
6
+ declare const Label: React.FC<Props>;
7
+ export { Label };
8
+ //# sourceMappingURL=Label.d.ts.map
package/esm/components/form/Label.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/components/form/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,OAAO,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAe1B,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
package/esm/components/form/Label.js ADDED
@@ -0,0 +1,16 @@
1
+ import React from "react";
2
+ import styles from "./Label.module.scss";
3
+ import { makeVariants } from "../../utils/makeVariants";
4
+ import classnames from "classnames";
5
+ const Label = (props) => {
6
+ const v = makeVariants(props.variant);
7
+ const labelCls = classnames(styles.text, {
8
+ [styles.textBig]: v.includes("big"),
9
+ });
10
+ const label = props.label ? React.createElement("div", { className: labelCls }, props.label) : null;
11
+ return (React.createElement("label", { className: styles.label },
12
+ label,
13
+ props.children));
14
+ };
15
+ export { Label };
16
+ //# sourceMappingURL=Label.js.map
package/esm/components/form/Label.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Label.js","sourceRoot":"","sources":["../../../src/components/form/Label.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,UAAU,MAAM,YAAY,CAAC;AAOpC,MAAM,KAAK,GAAoB,CAAC,KAAK,EAAE,EAAE;IACrC,MAAM,CAAC,GAAG,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;IAEtC,MAAM,QAAQ,GAAG,UAAU,CAAC,MAAM,CAAC,IAAI,EAAE;QACrC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;KACtC,CAAC,CAAC;IAEH,MAAM,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,6BAAK,SAAS,EAAE,QAAQ,IAAG,KAAK,CAAC,KAAK,CAAO,CAAC,CAAC,CAAC,IAAI,CAAC;IAEjF,OAAO,CACH,+BAAO,SAAS,EAAE,MAAM,CAAC,KAAK;QACzB,KAAK;QACL,KAAK,CAAC,QAAQ,CACX,CACX,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}