react-miui 0.5.0 → 0.7.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 (158) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/assets/sources/battery.fla +0 -0
  3. package/assets/sources/search.fla +0 -0
  4. package/dist/components/form/Input.d.ts +9 -0
  5. package/dist/components/form/Input.d.ts.map +1 -0
  6. package/dist/components/form/Input.js +62 -0
  7. package/dist/components/form/Input.js.map +1 -0
  8. package/dist/components/form/Input.module.scss +48 -0
  9. package/dist/components/form/Label.d.ts +8 -0
  10. package/dist/components/form/Label.d.ts.map +1 -0
  11. package/dist/components/form/Label.js +22 -0
  12. package/dist/components/form/Label.js.map +1 -0
  13. package/dist/components/form/Label.module.scss +15 -0
  14. package/dist/components/form/TextArea.d.ts +7 -0
  15. package/dist/components/form/TextArea.d.ts.map +1 -0
  16. package/dist/components/form/TextArea.js +57 -0
  17. package/dist/components/form/TextArea.js.map +1 -0
  18. package/dist/components/form/Toggle.d.ts +1 -1
  19. package/dist/components/form/Toggle.d.ts.map +1 -1
  20. package/dist/components/form/Toggle.js.map +1 -1
  21. package/dist/components/icons/Back.d.ts +1 -1
  22. package/dist/components/icons/Back.d.ts.map +1 -1
  23. package/dist/components/icons/Back.js.map +1 -1
  24. package/dist/components/icons/Battery.d.ts +7 -0
  25. package/dist/components/icons/Battery.d.ts.map +1 -0
  26. package/dist/components/icons/Battery.js +14 -0
  27. package/dist/components/icons/Battery.js.map +1 -0
  28. package/dist/components/icons/Forward.d.ts +1 -1
  29. package/dist/components/icons/Forward.d.ts.map +1 -1
  30. package/dist/components/icons/Forward.js.map +1 -1
  31. package/dist/components/icons/Icon.d.ts +3 -1
  32. package/dist/components/icons/Icon.d.ts.map +1 -1
  33. package/dist/components/icons/Icon.js +6 -0
  34. package/dist/components/icons/Icon.js.map +1 -1
  35. package/dist/components/icons/Search.d.ts +7 -0
  36. package/dist/components/icons/Search.d.ts.map +1 -0
  37. package/dist/components/icons/Search.js +13 -0
  38. package/dist/components/icons/Search.js.map +1 -0
  39. package/dist/components/layout/header/HeaderIconAction.d.ts +1 -1
  40. package/dist/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  41. package/dist/components/layout/header/HeaderIconAction.js.map +1 -1
  42. package/dist/components/layout/section/SearchContainer.d.ts +4 -0
  43. package/dist/components/layout/section/SearchContainer.d.ts.map +1 -0
  44. package/dist/components/layout/section/SearchContainer.js +13 -0
  45. package/dist/components/layout/section/SearchContainer.js.map +1 -0
  46. package/dist/components/layout/section/SearchContainer.module.scss +3 -0
  47. package/dist/components/layout/section/Section.module.scss +7 -0
  48. package/dist/components/ui/action/Action.d.ts +1 -1
  49. package/dist/components/ui/action/Action.d.ts.map +1 -1
  50. package/dist/components/ui/action/Action.js.map +1 -1
  51. package/dist/components/ui/button/Button.d.ts +1 -2
  52. package/dist/components/ui/button/Button.d.ts.map +1 -1
  53. package/dist/components/ui/button/Button.js +15 -3
  54. package/dist/components/ui/button/Button.js.map +1 -1
  55. package/dist/global.scss +1 -0
  56. package/dist/index.d.ts +6 -0
  57. package/dist/index.d.ts.map +1 -1
  58. package/dist/index.js +6 -0
  59. package/dist/index.js.map +1 -1
  60. package/dist/types.d.ts +1 -1
  61. package/dist/types.d.ts.map +1 -1
  62. package/docs/assets/js/search.js +1 -1
  63. package/docs/assets/js/search.json +1 -1
  64. package/docs/enums/ICON.html +52 -6
  65. package/docs/index.html +25 -4
  66. package/docs/modules/Item.html +6 -3
  67. package/docs/modules/List.html +6 -3
  68. package/docs/modules/Section.html +147 -0
  69. package/docs/modules/StickyHeader.html +7 -4
  70. package/docs/modules.html +108 -20
  71. package/docs/pages/Tutorials/Test.html +6 -3
  72. package/esm/components/form/Input.d.ts +9 -0
  73. package/esm/components/form/Input.d.ts.map +1 -0
  74. package/esm/components/form/Input.js +25 -0
  75. package/esm/components/form/Input.js.map +1 -0
  76. package/esm/components/form/Input.module.scss +48 -0
  77. package/esm/components/form/Label.d.ts +8 -0
  78. package/esm/components/form/Label.d.ts.map +1 -0
  79. package/esm/components/form/Label.js +16 -0
  80. package/esm/components/form/Label.js.map +1 -0
  81. package/esm/components/form/Label.module.scss +15 -0
  82. package/esm/components/form/TextArea.d.ts +7 -0
  83. package/esm/components/form/TextArea.d.ts.map +1 -0
  84. package/esm/components/form/TextArea.js +20 -0
  85. package/esm/components/form/TextArea.js.map +1 -0
  86. package/esm/components/form/Toggle.d.ts +1 -1
  87. package/esm/components/form/Toggle.d.ts.map +1 -1
  88. package/esm/components/form/Toggle.js.map +1 -1
  89. package/esm/components/icons/Back.d.ts +1 -1
  90. package/esm/components/icons/Back.d.ts.map +1 -1
  91. package/esm/components/icons/Back.js.map +1 -1
  92. package/esm/components/icons/Battery.d.ts +7 -0
  93. package/esm/components/icons/Battery.d.ts.map +1 -0
  94. package/esm/components/icons/Battery.js +8 -0
  95. package/esm/components/icons/Battery.js.map +1 -0
  96. package/esm/components/icons/Forward.d.ts +1 -1
  97. package/esm/components/icons/Forward.d.ts.map +1 -1
  98. package/esm/components/icons/Forward.js.map +1 -1
  99. package/esm/components/icons/Icon.d.ts +3 -1
  100. package/esm/components/icons/Icon.d.ts.map +1 -1
  101. package/esm/components/icons/Icon.js +6 -0
  102. package/esm/components/icons/Icon.js.map +1 -1
  103. package/esm/components/icons/Search.d.ts +7 -0
  104. package/esm/components/icons/Search.d.ts.map +1 -0
  105. package/esm/components/icons/Search.js +7 -0
  106. package/esm/components/icons/Search.js.map +1 -0
  107. package/esm/components/layout/header/HeaderIconAction.d.ts +1 -1
  108. package/esm/components/layout/header/HeaderIconAction.d.ts.map +1 -1
  109. package/esm/components/layout/header/HeaderIconAction.js.map +1 -1
  110. package/esm/components/layout/section/SearchContainer.d.ts +4 -0
  111. package/esm/components/layout/section/SearchContainer.d.ts.map +1 -0
  112. package/esm/components/layout/section/SearchContainer.js +7 -0
  113. package/esm/components/layout/section/SearchContainer.js.map +1 -0
  114. package/esm/components/layout/section/SearchContainer.module.scss +3 -0
  115. package/esm/components/layout/section/Section.module.scss +7 -0
  116. package/esm/components/ui/action/Action.d.ts +1 -1
  117. package/esm/components/ui/action/Action.d.ts.map +1 -1
  118. package/esm/components/ui/action/Action.js.map +1 -1
  119. package/esm/components/ui/button/Button.d.ts +1 -2
  120. package/esm/components/ui/button/Button.d.ts.map +1 -1
  121. package/esm/components/ui/button/Button.js +3 -3
  122. package/esm/components/ui/button/Button.js.map +1 -1
  123. package/esm/global.scss +1 -0
  124. package/esm/index.d.ts +6 -0
  125. package/esm/index.d.ts.map +1 -1
  126. package/esm/index.js +6 -0
  127. package/esm/index.js.map +1 -1
  128. package/esm/types.d.ts +1 -1
  129. package/esm/types.d.ts.map +1 -1
  130. package/package.json +1 -1
  131. package/src/components/form/Input.module.scss +48 -0
  132. package/src/components/form/Input.tsx +48 -0
  133. package/src/components/form/Label.module.scss +15 -0
  134. package/src/components/form/Label.tsx +29 -0
  135. package/src/components/form/TextArea.tsx +38 -0
  136. package/src/components/form/Toggle.tsx +1 -1
  137. package/src/components/icons/Back.tsx +1 -1
  138. package/src/components/icons/Battery.tsx +34 -0
  139. package/src/components/icons/Forward.tsx +1 -1
  140. package/src/components/icons/Icon.tsx +6 -0
  141. package/src/components/icons/Search.tsx +29 -0
  142. package/src/components/layout/header/HeaderIconAction.tsx +1 -1
  143. package/src/components/layout/section/SearchContainer.module.scss +3 -0
  144. package/src/components/layout/section/SearchContainer.tsx +11 -0
  145. package/src/components/layout/section/Section.module.scss +7 -0
  146. package/src/components/ui/action/Action.tsx +1 -1
  147. package/src/components/ui/button/Button.tsx +8 -4
  148. package/src/demo/components/form/Form.tsx +35 -0
  149. package/src/demo/components/form/Input.tsx +13 -0
  150. package/src/demo/components/form/Label.tsx +14 -0
  151. package/src/demo/components/form/Search.tsx +36 -0
  152. package/src/demo/components/form/TextArea.tsx +12 -0
  153. package/src/demo/components/form/Toggle.tsx +1 -1
  154. package/src/demo/components/ui/button/ButtonDemo.tsx +9 -5
  155. package/src/demo/componentsMap.ts +33 -11
  156. package/src/global.scss +1 -0
  157. package/src/index.ts +6 -0
  158. 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.7.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.7.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.7.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.5.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.5.0">
6
+ <title>StickyHeader | react-miui - v0.7.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.7.0">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="../assets/css/main.css">
10
10
  <link rel="stylesheet" href="../assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="../index.html" class="title">react-miui - v0.5.0</a>
26
+ <a href="../index.html" class="title">react-miui - v0.7.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/c202cd3/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/7b0bc31/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.5.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.5.0">
6
+ <title>react-miui - v0.7.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.7.0">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="assets/css/main.css">
10
10
  <link rel="stylesheet" href="assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="index.html" class="title">react-miui - v0.5.0</a>
26
+ <a href="index.html" class="title">react-miui - v0.7.0</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
@@ -57,7 +57,7 @@
57
57
  <a href="modules.html">Globals</a>
58
58
  </li>
59
59
  </ul>
60
- <h1>Project react-miui - v0.5.0</h1>
60
+ <h1>Project react-miui - v0.7.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,15 +88,21 @@
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>
105
+ <li class="tsd-kind-variable"><a href="modules.html#TextArea" class="tsd-kind-icon">Text<wbr>Area</a></li>
99
106
  <li class="tsd-kind-variable"><a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a></li>
100
107
  </ul>
101
108
  </section>
@@ -107,20 +114,30 @@
107
114
  <section class="tsd-panel tsd-member tsd-kind-variable">
108
115
  <a name="Action" class="tsd-anchor"></a>
109
116
  <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>
117
+ <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
118
  <aside class="tsd-sources">
112
119
  <ul>
113
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c202cd3/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
120
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
114
121
  </ul>
115
122
  </aside>
116
123
  </section>
117
124
  <section class="tsd-panel tsd-member tsd-kind-variable">
118
125
  <a name="Button" class="tsd-anchor"></a>
119
126
  <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>
127
+ <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
128
  <aside class="tsd-sources">
122
129
  <ul>
123
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c202cd3/src/components/ui/button/Button.tsx#L12">src/components/ui/button/Button.tsx:12</a></li>
130
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
131
+ </ul>
132
+ </aside>
133
+ </section>
134
+ <section class="tsd-panel tsd-member tsd-kind-variable">
135
+ <a name="Card" class="tsd-anchor"></a>
136
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Card</h3>
137
+ <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>
138
+ <aside class="tsd-sources">
139
+ <ul>
140
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
124
141
  </ul>
125
142
  </aside>
126
143
  </section>
@@ -130,7 +147,7 @@
130
147
  <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
148
  <aside class="tsd-sources">
132
149
  <ul>
133
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c202cd3/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
150
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Checkbox.tsx#L13">src/components/form/Checkbox.tsx:13</a></li>
134
151
  </ul>
135
152
  </aside>
136
153
  </section>
@@ -140,7 +157,7 @@
140
157
  <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
158
  <aside class="tsd-sources">
142
159
  <ul>
143
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c202cd3/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
160
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
144
161
  </ul>
145
162
  </aside>
146
163
  </section>
@@ -150,7 +167,7 @@
150
167
  <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
168
  <aside class="tsd-sources">
152
169
  <ul>
153
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c202cd3/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
170
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
154
171
  </ul>
155
172
  </aside>
156
173
  </section>
@@ -160,17 +177,17 @@
160
177
  <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
178
  <aside class="tsd-sources">
162
179
  <ul>
163
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c202cd3/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
180
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
164
181
  </ul>
165
182
  </aside>
166
183
  </section>
167
184
  <section class="tsd-panel tsd-member tsd-kind-variable">
168
185
  <a name="HeaderIconAction" class="tsd-anchor"></a>
169
186
  <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>
187
+ <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
188
  <aside class="tsd-sources">
172
189
  <ul>
173
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c202cd3/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
190
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
174
191
  </ul>
175
192
  </aside>
176
193
  </section>
@@ -180,7 +197,17 @@
180
197
  <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
198
  <aside class="tsd-sources">
182
199
  <ul>
183
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c202cd3/src/components/icons/Icon.tsx#L25">src/components/icons/Icon.tsx:25</a></li>
200
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/icons/Icon.tsx#L31">src/components/icons/Icon.tsx:31</a></li>
201
+ </ul>
202
+ </aside>
203
+ </section>
204
+ <section class="tsd-panel tsd-member tsd-kind-variable">
205
+ <a name="Input" class="tsd-anchor"></a>
206
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Input</h3>
207
+ <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>
208
+ <aside class="tsd-sources">
209
+ <ul>
210
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
184
211
  </ul>
185
212
  </aside>
186
213
  </section>
@@ -190,7 +217,17 @@
190
217
  <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
218
  <aside class="tsd-sources">
192
219
  <ul>
193
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c202cd3/src/components/layout/list/Item.tsx#L27">src/components/layout/list/Item.tsx:27</a></li>
220
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/list/Item.tsx#L27">src/components/layout/list/Item.tsx:27</a></li>
221
+ </ul>
222
+ </aside>
223
+ </section>
224
+ <section class="tsd-panel tsd-member tsd-kind-variable">
225
+ <a name="Label" class="tsd-anchor"></a>
226
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Label</h3>
227
+ <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>
228
+ <aside class="tsd-sources">
229
+ <ul>
230
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
194
231
  </ul>
195
232
  </aside>
196
233
  </section>
@@ -200,7 +237,27 @@
200
237
  <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
238
  <aside class="tsd-sources">
202
239
  <ul>
203
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c202cd3/src/components/layout/list/List.tsx#L10">src/components/layout/list/List.tsx:10</a></li>
240
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/list/List.tsx#L10">src/components/layout/list/List.tsx:10</a></li>
241
+ </ul>
242
+ </aside>
243
+ </section>
244
+ <section class="tsd-panel tsd-member tsd-kind-variable">
245
+ <a name="SearchContainer" class="tsd-anchor"></a>
246
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Search<wbr>Container</h3>
247
+ <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>
248
+ <aside class="tsd-sources">
249
+ <ul>
250
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
251
+ </ul>
252
+ </aside>
253
+ </section>
254
+ <section class="tsd-panel tsd-member tsd-kind-variable">
255
+ <a name="Section" class="tsd-anchor"></a>
256
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Section</h3>
257
+ <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>
258
+ <aside class="tsd-sources">
259
+ <ul>
260
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
204
261
  </ul>
205
262
  </aside>
206
263
  </section>
@@ -210,17 +267,27 @@
210
267
  <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
268
  <aside class="tsd-sources">
212
269
  <ul>
213
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c202cd3/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
270
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
271
+ </ul>
272
+ </aside>
273
+ </section>
274
+ <section class="tsd-panel tsd-member tsd-kind-variable">
275
+ <a name="TextArea" class="tsd-anchor"></a>
276
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Text<wbr>Area</h3>
277
+ <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>
278
+ <aside class="tsd-sources">
279
+ <ul>
280
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
214
281
  </ul>
215
282
  </aside>
216
283
  </section>
217
284
  <section class="tsd-panel tsd-member tsd-kind-variable">
218
285
  <a name="Toggle" class="tsd-anchor"></a>
219
286
  <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>
287
+ <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
288
  <aside class="tsd-sources">
222
289
  <ul>
223
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/c202cd3/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
290
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/7b0bc31/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
224
291
  </ul>
225
292
  </aside>
226
293
  </section>
@@ -247,6 +314,9 @@
247
314
  <li class=" tsd-kind-namespace">
248
315
  <a href="modules/List.html">List</a>
249
316
  </li>
317
+ <li class=" tsd-kind-namespace">
318
+ <a href="modules/Section.html">Section</a>
319
+ </li>
250
320
  <li class=" tsd-kind-namespace">
251
321
  <a href="modules/StickyHeader.html">Sticky<wbr>Header</a>
252
322
  </li>
@@ -263,6 +333,9 @@
263
333
  <li class=" tsd-kind-variable">
264
334
  <a href="modules.html#Button" class="tsd-kind-icon">Button</a>
265
335
  </li>
336
+ <li class=" tsd-kind-variable">
337
+ <a href="modules.html#Card" class="tsd-kind-icon">Card</a>
338
+ </li>
266
339
  <li class=" tsd-kind-variable">
267
340
  <a href="modules.html#Checkbox" class="tsd-kind-icon">Checkbox</a>
268
341
  </li>
@@ -281,15 +354,30 @@
281
354
  <li class=" tsd-kind-variable">
282
355
  <a href="modules.html#Icon" class="tsd-kind-icon">Icon</a>
283
356
  </li>
357
+ <li class=" tsd-kind-variable">
358
+ <a href="modules.html#Input" class="tsd-kind-icon">Input</a>
359
+ </li>
284
360
  <li class=" tsd-kind-variable">
285
361
  <a href="modules.html#Item" class="tsd-kind-icon">Item</a>
286
362
  </li>
363
+ <li class=" tsd-kind-variable">
364
+ <a href="modules.html#Label" class="tsd-kind-icon">Label</a>
365
+ </li>
287
366
  <li class=" tsd-kind-variable">
288
367
  <a href="modules.html#List" class="tsd-kind-icon">List</a>
289
368
  </li>
369
+ <li class=" tsd-kind-variable">
370
+ <a href="modules.html#SearchContainer" class="tsd-kind-icon">Search<wbr>Container</a>
371
+ </li>
372
+ <li class=" tsd-kind-variable">
373
+ <a href="modules.html#Section" class="tsd-kind-icon">Section</a>
374
+ </li>
290
375
  <li class=" tsd-kind-variable">
291
376
  <a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a>
292
377
  </li>
378
+ <li class=" tsd-kind-variable">
379
+ <a href="modules.html#TextArea" class="tsd-kind-icon">Text<wbr>Area</a>
380
+ </li>
293
381
  <li class=" tsd-kind-variable">
294
382
  <a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a>
295
383
  </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.5.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.5.0">
6
+ <title>Test | react-miui - v0.7.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.7.0">
8
8
  <meta name="viewport" content="width=device-width, initial-scale=1">
9
9
  <link rel="stylesheet" href="../../assets/css/main.css">
10
10
  <link rel="stylesheet" href="../../assets/css/pages.css">
@@ -23,7 +23,7 @@
23
23
  <li class="state loading">Preparing search index...</li>
24
24
  <li class="state failure">The search index is not available</li>
25
25
  </ul>
26
- <a href="../../index.html" class="title">react-miui - v0.5.0</a>
26
+ <a href="../../index.html" class="title">react-miui - v0.7.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,48 @@
1
+ .input {
2
+ box-sizing: border-box;
3
+ height: calc(103px / var(--ratio-dimensions));
4
+ font-size: calc(34 / var(--ratio-font));
5
+ color: var(--text);
6
+ border: none;
7
+ display: block;
8
+ width: 100%;
9
+ background: none;
10
+ font-family: inherit;
11
+ padding: 1.2em 0;
12
+
13
+ &::placeholder {
14
+ color: var(--sub);
15
+ }
16
+ }
17
+
18
+ .wrapper {
19
+ background: white;
20
+ display: inline-flex;
21
+ width: 100%;
22
+ box-sizing: border-box;
23
+ border-radius: 2px;
24
+ padding: 0 calc(36px / var(--ratio-dimensions));
25
+ border: calc(1px / var(--ratio-border)) solid var(--border);
26
+ align-items: center;
27
+ }
28
+
29
+ .textarea {
30
+ padding: 1.2em calc(36px / var(--ratio-dimensions));
31
+ height: unset;
32
+ resize: vertical;
33
+ min-height: calc(103px * 3 / var(--ratio-dimensions))
34
+ }
35
+
36
+ .prefix {
37
+ margin-right: calc(36px / var(--ratio-dimensions));
38
+ display: flex;
39
+ }
40
+
41
+ .suffix {
42
+ margin-left: calc(36px / var(--ratio-dimensions));
43
+ display: flex;
44
+ }
45
+
46
+ .wrapperFocused {
47
+ border-color: var(--focus-color);
48
+ }
package/esm/components/form/Label.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ interface Props {
3
+ label?: React.ReactNode;
4
+ variant?: "big";
5
+ }
6
+ declare const Label: React.FC<Props>;
7
+ export { Label };
8
+ //# sourceMappingURL=Label.d.ts.map