react-miui 0.9.3 → 0.10.1

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 (46) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/components/form/Checkbox.d.ts +3 -3
  3. package/dist/components/form/Checkbox.d.ts.map +1 -1
  4. package/dist/components/ui/message/Message.d.ts +8 -0
  5. package/dist/components/ui/message/Message.d.ts.map +1 -0
  6. package/dist/components/ui/message/Message.js +20 -0
  7. package/dist/components/ui/message/Message.js.map +1 -0
  8. package/dist/components/ui/message/Message.module.scss +31 -0
  9. package/dist/global.scss +8 -0
  10. package/dist/index.d.ts +1 -0
  11. package/dist/index.d.ts.map +1 -1
  12. package/dist/index.js +1 -0
  13. package/dist/index.js.map +1 -1
  14. package/docs/assets/js/search.js +1 -1
  15. package/docs/assets/js/search.json +1 -1
  16. package/docs/classes/ToasterProvider.html +11 -8
  17. package/docs/enums/ICON.html +11 -8
  18. package/docs/index.html +7 -4
  19. package/docs/modules/Item.html +3 -3
  20. package/docs/modules/List.html +3 -3
  21. package/docs/modules/Modal.html +3 -3
  22. package/docs/modules/ModalButtons.html +3 -3
  23. package/docs/modules/Section.html +3 -3
  24. package/docs/modules/StickyHeader.html +4 -4
  25. package/docs/modules.html +41 -27
  26. package/docs/pages/Tutorials/Test.html +3 -3
  27. package/esm/components/form/Checkbox.d.ts +3 -3
  28. package/esm/components/form/Checkbox.d.ts.map +1 -1
  29. package/esm/components/ui/message/Message.d.ts +8 -0
  30. package/esm/components/ui/message/Message.d.ts.map +1 -0
  31. package/esm/components/ui/message/Message.js +14 -0
  32. package/esm/components/ui/message/Message.js.map +1 -0
  33. package/esm/components/ui/message/Message.module.scss +31 -0
  34. package/esm/global.scss +8 -0
  35. package/esm/index.d.ts +1 -0
  36. package/esm/index.d.ts.map +1 -1
  37. package/esm/index.js +1 -0
  38. package/esm/index.js.map +1 -1
  39. package/package.json +1 -1
  40. package/src/components/form/Checkbox.tsx +3 -3
  41. package/src/components/ui/message/Message.module.scss +31 -0
  42. package/src/components/ui/message/Message.tsx +21 -0
  43. package/src/demo/components/ui/message/Message.tsx +27 -0
  44. package/src/demo/componentsMap.ts +5 -0
  45. package/src/global.scss +8 -0
  46. package/src/index.ts +1 -0
package/docs/modules/Modal.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>Modal | react-miui - v0.9.3</title>
7
- <meta name="description" content="Documentation for react-miui - v0.9.3">
6
+ <title>Modal | react-miui - v0.10.1</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.10.1">
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.9.3</a>
26
+ <a href="../index.html" class="title">react-miui - v0.10.1</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/docs/modules/ModalButtons.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>ModalButtons | react-miui - v0.9.3</title>
7
- <meta name="description" content="Documentation for react-miui - v0.9.3">
6
+ <title>ModalButtons | react-miui - v0.10.1</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.10.1">
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.9.3</a>
26
+ <a href="../index.html" class="title">react-miui - v0.10.1</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/docs/modules/Section.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>Section | react-miui - v0.9.3</title>
7
- <meta name="description" content="Documentation for react-miui - v0.9.3">
6
+ <title>Section | react-miui - v0.10.1</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.10.1">
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.9.3</a>
26
+ <a href="../index.html" class="title">react-miui - v0.10.1</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/docs/modules/StickyHeader.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>StickyHeader | react-miui - v0.9.3</title>
7
- <meta name="description" content="Documentation for react-miui - v0.9.3">
6
+ <title>StickyHeader | react-miui - v0.10.1</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.10.1">
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.9.3</a>
26
+ <a href="../index.html" class="title">react-miui - v0.10.1</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/05d2b3c/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/1087fe1/src/components/layout/header/StickyHeader.tsx#L50">src/components/layout/header/StickyHeader.tsx:50</a></li>
96
96
  </ul>
97
97
  </aside>
98
98
  <h4 class="tsd-parameters-title">Parameters</h4>
package/docs/modules.html CHANGED
@@ -3,8 +3,8 @@
3
3
  <head>
4
4
  <meta charset="utf-8">
5
5
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
6
- <title>react-miui - v0.9.3</title>
7
- <meta name="description" content="Documentation for react-miui - v0.9.3">
6
+ <title>react-miui - v0.10.1</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.10.1">
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.9.3</a>
26
+ <a href="index.html" class="title">react-miui - v0.10.1</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.9.3</h1>
60
+ <h1>Project react-miui - v0.10.1</h1>
61
61
  </div>
62
62
  </div>
63
63
  </header>
@@ -108,6 +108,7 @@
108
108
  <li class="tsd-kind-variable"><a href="modules.html#Item" class="tsd-kind-icon">Item</a></li>
109
109
  <li class="tsd-kind-variable"><a href="modules.html#Label" class="tsd-kind-icon">Label</a></li>
110
110
  <li class="tsd-kind-variable"><a href="modules.html#List" class="tsd-kind-icon">List</a></li>
111
+ <li class="tsd-kind-variable"><a href="modules.html#Message" class="tsd-kind-icon">Message</a></li>
111
112
  <li class="tsd-kind-variable"><a href="modules.html#Modal" class="tsd-kind-icon">Modal</a></li>
112
113
  <li class="tsd-kind-variable"><a href="modules.html#ModalButtons" class="tsd-kind-icon">Modal<wbr>Buttons</a></li>
113
114
  <li class="tsd-kind-variable"><a href="modules.html#SearchContainer" class="tsd-kind-icon">Search<wbr>Container</a></li>
@@ -135,7 +136,7 @@
135
136
  <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>
136
137
  <aside class="tsd-sources">
137
138
  <ul>
138
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
139
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/ui/action/Action.tsx#L22">src/components/ui/action/Action.tsx:22</a></li>
139
140
  </ul>
140
141
  </aside>
141
142
  </section>
@@ -145,7 +146,7 @@
145
146
  <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>
146
147
  <aside class="tsd-sources">
147
148
  <ul>
148
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
149
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
149
150
  </ul>
150
151
  </aside>
151
152
  </section>
@@ -155,7 +156,7 @@
155
156
  <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>
156
157
  <aside class="tsd-sources">
157
158
  <ul>
158
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
159
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
159
160
  </ul>
160
161
  </aside>
161
162
  </section>
@@ -165,7 +166,7 @@
165
166
  <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>
166
167
  <aside class="tsd-sources">
167
168
  <ul>
168
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/form/Checkbox.tsx#L16">src/components/form/Checkbox.tsx:16</a></li>
169
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/form/Checkbox.tsx#L16">src/components/form/Checkbox.tsx:16</a></li>
169
170
  </ul>
170
171
  </aside>
171
172
  </section>
@@ -175,7 +176,7 @@
175
176
  <div class="tsd-signature tsd-kind-icon">Choice<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
176
177
  <aside class="tsd-sources">
177
178
  <ul>
178
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/form/choice/Choice.tsx#L15">src/components/form/choice/Choice.tsx:15</a></li>
179
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/form/choice/Choice.tsx#L15">src/components/form/choice/Choice.tsx:15</a></li>
179
180
  </ul>
180
181
  </aside>
181
182
  </section>
@@ -185,7 +186,7 @@
185
186
  <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>
186
187
  <aside class="tsd-sources">
187
188
  <ul>
188
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
189
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
189
190
  </ul>
190
191
  </aside>
191
192
  </section>
@@ -195,7 +196,7 @@
195
196
  <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>
196
197
  <aside class="tsd-sources">
197
198
  <ul>
198
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
199
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
199
200
  </ul>
200
201
  </aside>
201
202
  </section>
@@ -205,7 +206,7 @@
205
206
  <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>
206
207
  <aside class="tsd-sources">
207
208
  <ul>
208
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
209
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
209
210
  </ul>
210
211
  </aside>
211
212
  </section>
@@ -215,7 +216,7 @@
215
216
  <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>
216
217
  <aside class="tsd-sources">
217
218
  <ul>
218
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
219
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
219
220
  </ul>
220
221
  </aside>
221
222
  </section>
@@ -225,7 +226,7 @@
225
226
  <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>
226
227
  <aside class="tsd-sources">
227
228
  <ul>
228
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/icons/Icon.tsx#L31">src/components/icons/Icon.tsx:31</a></li>
229
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/icons/Icon.tsx#L31">src/components/icons/Icon.tsx:31</a></li>
229
230
  </ul>
230
231
  </aside>
231
232
  </section>
@@ -235,7 +236,7 @@
235
236
  <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>
236
237
  <aside class="tsd-sources">
237
238
  <ul>
238
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
239
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
239
240
  </ul>
240
241
  </aside>
241
242
  </section>
@@ -245,7 +246,7 @@
245
246
  <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>
246
247
  <aside class="tsd-sources">
247
248
  <ul>
248
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/list/Item.tsx#L36">src/components/layout/list/Item.tsx:36</a></li>
249
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/layout/list/Item.tsx#L36">src/components/layout/list/Item.tsx:36</a></li>
249
250
  </ul>
250
251
  </aside>
251
252
  </section>
@@ -255,7 +256,7 @@
255
256
  <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>
256
257
  <aside class="tsd-sources">
257
258
  <ul>
258
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
259
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
259
260
  </ul>
260
261
  </aside>
261
262
  </section>
@@ -265,7 +266,17 @@
265
266
  <div class="tsd-signature tsd-kind-icon">List<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
266
267
  <aside class="tsd-sources">
267
268
  <ul>
268
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/list/List.tsx#L20">src/components/layout/list/List.tsx:20</a></li>
269
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/layout/list/List.tsx#L20">src/components/layout/list/List.tsx:20</a></li>
270
+ </ul>
271
+ </aside>
272
+ </section>
273
+ <section class="tsd-panel tsd-member tsd-kind-variable">
274
+ <a name="Message" class="tsd-anchor"></a>
275
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Message</h3>
276
+ <div class="tsd-signature tsd-kind-icon">Message<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>
277
+ <aside class="tsd-sources">
278
+ <ul>
279
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/ui/message/Message.tsx#L11">src/components/ui/message/Message.tsx:11</a></li>
269
280
  </ul>
270
281
  </aside>
271
282
  </section>
@@ -275,7 +286,7 @@
275
286
  <div class="tsd-signature tsd-kind-icon">Modal<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
276
287
  <aside class="tsd-sources">
277
288
  <ul>
278
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/modal/Modal.tsx#L25">src/components/ui/modal/Modal.tsx:25</a></li>
289
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/ui/modal/Modal.tsx#L25">src/components/ui/modal/Modal.tsx:25</a></li>
279
290
  </ul>
280
291
  </aside>
281
292
  </section>
@@ -285,7 +296,7 @@
285
296
  <div class="tsd-signature tsd-kind-icon">Modal<wbr>Buttons<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> &amp; </span><span class="tsd-signature-type">SubComponents</span><span class="tsd-signature-symbol"> = ...</span></div>
286
297
  <aside class="tsd-sources">
287
298
  <ul>
288
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/modal/ModalButtons.tsx#L12">src/components/ui/modal/ModalButtons.tsx:12</a></li>
299
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/ui/modal/ModalButtons.tsx#L12">src/components/ui/modal/ModalButtons.tsx:12</a></li>
289
300
  </ul>
290
301
  </aside>
291
302
  </section>
@@ -295,7 +306,7 @@
295
306
  <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>
296
307
  <aside class="tsd-sources">
297
308
  <ul>
298
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
309
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
299
310
  </ul>
300
311
  </aside>
301
312
  </section>
@@ -305,7 +316,7 @@
305
316
  <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>
306
317
  <aside class="tsd-sources">
307
318
  <ul>
308
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
319
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
309
320
  </ul>
310
321
  </aside>
311
322
  </section>
@@ -315,7 +326,7 @@
315
326
  <div class="tsd-signature tsd-kind-icon">Selector<span class="tsd-signature-symbol">:</span> <span class="tsd-signature-type">React.FC</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">Props</span><span class="tsd-signature-symbol">&gt;</span><span class="tsd-signature-symbol"> = ...</span></div>
316
327
  <aside class="tsd-sources">
317
328
  <ul>
318
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/tabs/Selector.tsx#L14">src/components/ui/tabs/Selector.tsx:14</a></li>
329
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/ui/tabs/Selector.tsx#L14">src/components/ui/tabs/Selector.tsx:14</a></li>
319
330
  </ul>
320
331
  </aside>
321
332
  </section>
@@ -325,7 +336,7 @@
325
336
  <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>
326
337
  <aside class="tsd-sources">
327
338
  <ul>
328
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
339
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/layout/header/StickyHeader.tsx#L17">src/components/layout/header/StickyHeader.tsx:17</a></li>
329
340
  </ul>
330
341
  </aside>
331
342
  </section>
@@ -335,7 +346,7 @@
335
346
  <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>
336
347
  <aside class="tsd-sources">
337
348
  <ul>
338
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
349
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
339
350
  </ul>
340
351
  </aside>
341
352
  </section>
@@ -345,7 +356,7 @@
345
356
  <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>
346
357
  <aside class="tsd-sources">
347
358
  <ul>
348
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
359
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
349
360
  </ul>
350
361
  </aside>
351
362
  </section>
@@ -362,7 +373,7 @@
362
373
  <li class="tsd-description">
363
374
  <aside class="tsd-sources">
364
375
  <ul>
365
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/05d2b3c/src/components/ui/toaster/Toaster.tsx#L99">src/components/ui/toaster/Toaster.tsx:99</a></li>
376
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/1087fe1/src/components/ui/toaster/Toaster.tsx#L99">src/components/ui/toaster/Toaster.tsx:99</a></li>
366
377
  </ul>
367
378
  </aside>
368
379
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ToasterFn</span></h4>
@@ -456,6 +467,9 @@
456
467
  <li class=" tsd-kind-variable">
457
468
  <a href="modules.html#List" class="tsd-kind-icon">List</a>
458
469
  </li>
470
+ <li class=" tsd-kind-variable">
471
+ <a href="modules.html#Message" class="tsd-kind-icon">Message</a>
472
+ </li>
459
473
  <li class=" tsd-kind-variable">
460
474
  <a href="modules.html#Modal" class="tsd-kind-icon">Modal</a>
461
475
  </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.9.3</title>
7
- <meta name="description" content="Documentation for react-miui - v0.9.3">
6
+ <title>Test | react-miui - v0.10.1</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.10.1">
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.9.3</a>
26
+ <a href="../../index.html" class="title">react-miui - v0.10.1</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/esm/components/form/Checkbox.d.ts CHANGED
@@ -1,9 +1,9 @@
1
1
  import React from "react";
2
2
  interface Props {
3
3
  color?: string;
4
- name: string;
5
- onChange: () => void;
6
- checked: boolean;
4
+ name?: string;
5
+ onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
6
+ checked?: boolean;
7
7
  disabled?: boolean;
8
8
  readOnly?: boolean;
9
9
  }
package/esm/components/form/Checkbox.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,OAAO,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6B7B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
1
+ {"version":3,"file":"Checkbox.d.ts","sourceRoot":"","sources":["../../../src/components/form/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAM1B,UAAU,KAAK;IACX,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CA6B7B,CAAC;AAEF,OAAO,EAAE,QAAQ,EAAE,CAAC"}
package/esm/components/ui/message/Message.d.ts ADDED
@@ -0,0 +1,8 @@
1
+ import React from "react";
2
+ interface Props {
3
+ type: "warning" | "error" | "info" | "tip";
4
+ variant?: "box";
5
+ }
6
+ declare const Message: React.FC<Props>;
7
+ export { Message };
8
+ //# sourceMappingURL=Message.d.ts.map
package/esm/components/ui/message/Message.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Message.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,KAAK;IACX,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,KAAK,CAAC;IAC3C,OAAO,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,QAAA,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAQ5B,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
package/esm/components/ui/message/Message.js ADDED
@@ -0,0 +1,14 @@
1
+ import React from "react";
2
+ import classnames from "classnames";
3
+ import styles from "./Message.module.scss";
4
+ const Message = (props) => {
5
+ const cls = classnames(styles.container, {
6
+ [styles.box]: props.variant === "box",
7
+ [styles.warning]: props.type === "warning",
8
+ [styles.error]: props.type === "error",
9
+ [styles.info]: props.type === "info",
10
+ });
11
+ return React.createElement("div", { className: cls }, props.children);
12
+ };
13
+ export { Message };
14
+ //# sourceMappingURL=Message.js.map
package/esm/components/ui/message/Message.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Message.js","sourceRoot":"","sources":["../../../../src/components/ui/message/Message.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAO3C,MAAM,OAAO,GAAoB,CAAC,KAAK,EAAE,EAAE;IACvC,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE;QACrC,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,KAAK,CAAC,OAAO,KAAK,KAAK;QACrC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,IAAI,KAAK,SAAS;QAC1C,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,KAAK,OAAO;QACtC,CAAC,MAAM,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,IAAI,KAAK,MAAM;KACvC,CAAC,CAAC;IACH,OAAO,6BAAK,SAAS,EAAE,GAAG,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACvD,CAAC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
package/esm/components/ui/message/Message.module.scss ADDED
@@ -0,0 +1,31 @@
1
+ .container {
2
+ border-top: 1px solid var(--border);
3
+ border-bottom: 1px solid var(--border);
4
+ padding: calc(47px / var(--ratio-dimensions)) calc(83px / var(--ratio-dimensions));
5
+ font-weight: 500;
6
+ line-height: 1.25;
7
+ }
8
+
9
+ .box {
10
+ border-left: 1px solid var(--border);
11
+ border-right: 1px solid var(--border);
12
+ margin: 12px;
13
+ }
14
+
15
+ .warning {
16
+ background-color: var(--yellow3);
17
+ border-color: var(--yellow1);
18
+ color: var(--yellow2);
19
+ }
20
+
21
+ .error {
22
+ background-color: var(--pinky3);
23
+ border-color: var(--pinky1);
24
+ color: var(--pinky2);
25
+ }
26
+
27
+ .info {
28
+ background-color: var(--blue3);
29
+ border-color: var(--blue2);
30
+ color: var(--blue1);
31
+ }
package/esm/global.scss CHANGED
@@ -47,6 +47,8 @@
47
47
 
48
48
  // Shades: https://maketintsandshades.com/#038bf4,ff7200,7357e8,3ec234,3ec234,ff388f,ea2700
49
49
  --blue1: #038bf4;
50
+ --blue2: #b7d6f5;
51
+ --blue3: #dbe6ff;
50
52
  --orange1: #ff7200;
51
53
  --orange1-darker: #cc5b00;
52
54
  --purple1: #7357e8;
@@ -54,6 +56,12 @@
54
56
  --green1-darker: #38af2f;
55
57
  --pink1: #ff388f;
56
58
  --red1: #ea2700;
59
+ --yellow1: #ffde9d;
60
+ --yellow2: #e4a429;
61
+ --yellow3: #fff5db;
62
+ --pinky1: #f5c0b7;
63
+ --pinky2: #e07b67;
64
+ --pinky3: #ffe1db;
57
65
 
58
66
  --grey1: #737373;
59
67
 
package/esm/index.d.ts CHANGED
@@ -17,6 +17,7 @@ export * from "./components/ui/action/Action.js";
17
17
  export * from "./components/ui/action/EqualActions.js";
18
18
  export * from "./components/ui/button/Button.js";
19
19
  export * from "./components/ui/directionPad/Pad.js";
20
+ export * from "./components/ui/message/Message.js";
20
21
  export * from "./components/ui/modal/Modal.js";
21
22
  export * from "./components/ui/modal/ModalButtons.js";
22
23
  export * from "./components/ui/tabs/Selector.js";
package/esm/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AAEvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AAEvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC"}
package/esm/index.js CHANGED
@@ -17,6 +17,7 @@ export * from "./components/ui/action/Action.js";
17
17
  export * from "./components/ui/action/EqualActions.js";
18
18
  export * from "./components/ui/button/Button.js";
19
19
  export * from "./components/ui/directionPad/Pad.js";
20
+ export * from "./components/ui/message/Message.js";
20
21
  export * from "./components/ui/modal/Modal.js";
21
22
  export * from "./components/ui/modal/ModalButtons.js";
22
23
  export * from "./components/ui/tabs/Selector.js";
package/esm/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AAEvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,oCAAoC,CAAC;AACnD,cAAc,+BAA+B,CAAC;AAC9C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC;AAC3C,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAE5C,cAAc,4BAA4B,CAAC;AAE3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,sCAAsC,CAAC;AACrD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,4CAA4C,CAAC;AAC3D,cAAc,kCAAkC,CAAC;AACjD,cAAc,kCAAkC,CAAC;AACjD,cAAc,gDAAgD,CAAC;AAC/D,cAAc,wCAAwC,CAAC;AAEvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,wCAAwC,CAAC;AACvD,cAAc,kCAAkC,CAAC;AACjD,cAAc,qCAAqC,CAAC;AACpD,cAAc,oCAAoC,CAAC;AACnD,cAAc,gCAAgC,CAAC;AAC/C,cAAc,uCAAuC,CAAC;AACtD,cAAc,kCAAkC,CAAC;AACjD,cAAc,oCAAoC,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "react-miui",
3
- "version": "0.9.3",
3
+ "version": "0.10.1",
4
4
  "author": "Jacek Nowacki",
5
5
  "license": "MIT",
6
6
  "scripts": {
package/src/components/form/Checkbox.tsx CHANGED
@@ -6,9 +6,9 @@ import { Checkmark } from "../icons/Checkmark.js";
6
6
 
7
7
  interface Props {
8
8
  color?: string;
9
- name: string;
10
- onChange: () => void;
11
- checked: boolean;
9
+ name?: string;
10
+ onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
11
+ checked?: boolean;
12
12
  disabled?: boolean;
13
13
  readOnly?: boolean;
14
14
  }
package/src/components/ui/message/Message.module.scss ADDED
@@ -0,0 +1,31 @@
1
+ .container {
2
+ border-top: 1px solid var(--border);
3
+ border-bottom: 1px solid var(--border);
4
+ padding: calc(47px / var(--ratio-dimensions)) calc(83px / var(--ratio-dimensions));
5
+ font-weight: 500;
6
+ line-height: 1.25;
7
+ }
8
+
9
+ .box {
10
+ border-left: 1px solid var(--border);
11
+ border-right: 1px solid var(--border);
12
+ margin: 12px;
13
+ }
14
+
15
+ .warning {
16
+ background-color: var(--yellow3);
17
+ border-color: var(--yellow1);
18
+ color: var(--yellow2);
19
+ }
20
+
21
+ .error {
22
+ background-color: var(--pinky3);
23
+ border-color: var(--pinky1);
24
+ color: var(--pinky2);
25
+ }
26
+
27
+ .info {
28
+ background-color: var(--blue3);
29
+ border-color: var(--blue2);
30
+ color: var(--blue1);
31
+ }
package/src/components/ui/message/Message.tsx ADDED
@@ -0,0 +1,21 @@
1
+ import React from "react";
2
+ import classnames from "classnames";
3
+
4
+ import styles from "./Message.module.scss";
5
+
6
+ interface Props {
7
+ type: "warning" | "error" | "info" | "tip";
8
+ variant?: "box";
9
+ }
10
+
11
+ const Message: React.FC<Props> = (props) => {
12
+ const cls = classnames(styles.container, {
13
+ [styles.box]: props.variant === "box",
14
+ [styles.warning]: props.type === "warning",
15
+ [styles.error]: props.type === "error",
16
+ [styles.info]: props.type === "info",
17
+ });
18
+ return <div className={cls}>{props.children}</div>;
19
+ };
20
+
21
+ export { Message };