react-miui 0.13.0 → 0.15.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 (83) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/README.md +1 -1
  3. package/dist/components/form/Select.d.ts +6 -0
  4. package/dist/components/form/Select.d.ts.map +1 -0
  5. package/dist/components/form/Select.js +27 -0
  6. package/dist/components/form/Select.js.map +1 -0
  7. package/dist/components/form/Select.module.scss +18 -0
  8. package/dist/components/form/Toggle.d.ts +3 -2
  9. package/dist/components/form/Toggle.d.ts.map +1 -1
  10. package/dist/components/form/Toggle.js +8 -4
  11. package/dist/components/form/Toggle.js.map +1 -1
  12. package/dist/components/form/Toggle.module.scss +9 -0
  13. package/dist/components/layout/table/Table.d.ts +7 -0
  14. package/dist/components/layout/table/Table.d.ts.map +1 -0
  15. package/dist/components/layout/table/Table.js +30 -0
  16. package/dist/components/layout/table/Table.js.map +1 -0
  17. package/dist/components/layout/table/Table.module.scss +22 -0
  18. package/dist/components/ui/message/Message.d.ts +1 -0
  19. package/dist/components/ui/message/Message.d.ts.map +1 -1
  20. package/dist/components/ui/message/Message.js +1 -1
  21. package/dist/components/ui/message/Message.js.map +1 -1
  22. package/dist/components/ui/toaster/Toaster.module.scss +1 -1
  23. package/dist/global.scss +5 -0
  24. package/dist/index.d.ts +3 -0
  25. package/dist/index.d.ts.map +1 -1
  26. package/dist/index.js +3 -0
  27. package/dist/index.js.map +1 -1
  28. package/docs/assets/js/search.js +1 -1
  29. package/docs/assets/js/search.json +1 -1
  30. package/docs/classes/Drawer.html +21 -12
  31. package/docs/classes/Pop.html +21 -12
  32. package/docs/classes/ToasterProvider.html +17 -8
  33. package/docs/enums/ICON.html +21 -12
  34. package/docs/index.html +14 -5
  35. package/docs/modules/Item.html +3 -3
  36. package/docs/modules/List.html +3 -3
  37. package/docs/modules/Modal.html +3 -3
  38. package/docs/modules/ModalButtons.html +3 -3
  39. package/docs/modules/Section.html +3 -3
  40. package/docs/modules/StickyHeader.html +4 -4
  41. package/docs/modules.html +72 -30
  42. package/docs/pages/Tutorials/Test.html +3 -3
  43. package/esm/components/form/Select.d.ts +6 -0
  44. package/esm/components/form/Select.d.ts.map +1 -0
  45. package/esm/components/form/Select.js +9 -0
  46. package/esm/components/form/Select.js.map +1 -0
  47. package/esm/components/form/Select.module.scss +18 -0
  48. package/esm/components/form/Toggle.d.ts +3 -2
  49. package/esm/components/form/Toggle.d.ts.map +1 -1
  50. package/esm/components/form/Toggle.js +8 -4
  51. package/esm/components/form/Toggle.js.map +1 -1
  52. package/esm/components/form/Toggle.module.scss +9 -0
  53. package/esm/components/layout/table/Table.d.ts +7 -0
  54. package/esm/components/layout/table/Table.d.ts.map +1 -0
  55. package/esm/components/layout/table/Table.js +12 -0
  56. package/esm/components/layout/table/Table.js.map +1 -0
  57. package/esm/components/layout/table/Table.module.scss +22 -0
  58. package/esm/components/ui/message/Message.d.ts +1 -0
  59. package/esm/components/ui/message/Message.d.ts.map +1 -1
  60. package/esm/components/ui/message/Message.js +1 -1
  61. package/esm/components/ui/message/Message.js.map +1 -1
  62. package/esm/components/ui/toaster/Toaster.module.scss +1 -1
  63. package/esm/global.scss +5 -0
  64. package/esm/index.d.ts +3 -0
  65. package/esm/index.d.ts.map +1 -1
  66. package/esm/index.js +3 -0
  67. package/esm/index.js.map +1 -1
  68. package/package.json +1 -1
  69. package/src/components/form/Select.module.scss +18 -0
  70. package/src/components/form/Select.tsx +21 -0
  71. package/src/components/form/Toggle.module.scss +9 -0
  72. package/src/components/form/Toggle.tsx +15 -8
  73. package/src/components/layout/table/Table.module.scss +22 -0
  74. package/src/components/layout/table/Table.tsx +20 -0
  75. package/src/components/ui/message/Message.tsx +2 -1
  76. package/src/components/ui/toaster/Toaster.module.scss +1 -1
  77. package/src/demo/components/form/Select.tsx +26 -0
  78. package/src/demo/components/form/Toggle.tsx +8 -4
  79. package/src/demo/components/layout/table/TableDemo.module.scss +1 -0
  80. package/src/demo/components/layout/table/TableDemo.tsx +54 -0
  81. package/src/demo/componentsMap.ts +10 -0
  82. package/src/global.scss +5 -0
  83. package/src/index.ts +4 -0
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.13.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.13.0">
6
+ <title>react-miui - v0.15.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.15.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.13.0</a>
26
+ <a href="index.html" class="title">react-miui - v0.15.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.13.0</h1>
60
+ <h1>Project react-miui - v0.15.0</h1>
61
61
  </div>
62
62
  </div>
63
63
  </header>
@@ -116,9 +116,12 @@
116
116
  <li class="tsd-kind-variable"><a href="modules.html#ModalButtons" class="tsd-kind-icon">Modal<wbr>Buttons</a></li>
117
117
  <li class="tsd-kind-variable"><a href="modules.html#SearchContainer" class="tsd-kind-icon">Search<wbr>Container</a></li>
118
118
  <li class="tsd-kind-variable"><a href="modules.html#Section" class="tsd-kind-icon">Section</a></li>
119
+ <li class="tsd-kind-variable"><a href="modules.html#Select" class="tsd-kind-icon">Select</a></li>
119
120
  <li class="tsd-kind-variable"><a href="modules.html#Selector" class="tsd-kind-icon">Selector</a></li>
120
121
  <li class="tsd-kind-variable"><a href="modules.html#Spacer" class="tsd-kind-icon">Spacer</a></li>
122
+ <li class="tsd-kind-variable"><a href="modules.html#Stats" class="tsd-kind-icon">Stats</a></li>
121
123
  <li class="tsd-kind-variable"><a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a></li>
124
+ <li class="tsd-kind-variable"><a href="modules.html#Table" class="tsd-kind-icon">Table</a></li>
122
125
  <li class="tsd-kind-variable"><a href="modules.html#TextArea" class="tsd-kind-icon">Text<wbr>Area</a></li>
123
126
  <li class="tsd-kind-variable"><a href="modules.html#Toggle" class="tsd-kind-icon">Toggle</a></li>
124
127
  </ul>
@@ -140,7 +143,7 @@
140
143
  <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>
141
144
  <aside class="tsd-sources">
142
145
  <ul>
143
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/ui/action/Action.tsx#L23">src/components/ui/action/Action.tsx:23</a></li>
146
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/ui/action/Action.tsx#L23">src/components/ui/action/Action.tsx:23</a></li>
144
147
  </ul>
145
148
  </aside>
146
149
  </section>
@@ -150,7 +153,7 @@
150
153
  <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>
151
154
  <aside class="tsd-sources">
152
155
  <ul>
153
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
156
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/ui/button/Button.tsx#L11">src/components/ui/button/Button.tsx:11</a></li>
154
157
  </ul>
155
158
  </aside>
156
159
  </section>
@@ -160,7 +163,7 @@
160
163
  <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>
161
164
  <aside class="tsd-sources">
162
165
  <ul>
163
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
166
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/layout/card/Card.tsx#L13">src/components/layout/card/Card.tsx:13</a></li>
164
167
  </ul>
165
168
  </aside>
166
169
  </section>
@@ -170,7 +173,7 @@
170
173
  <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>
171
174
  <aside class="tsd-sources">
172
175
  <ul>
173
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/form/Checkbox.tsx#L16">src/components/form/Checkbox.tsx:16</a></li>
176
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/form/Checkbox.tsx#L16">src/components/form/Checkbox.tsx:16</a></li>
174
177
  </ul>
175
178
  </aside>
176
179
  </section>
@@ -180,7 +183,7 @@
180
183
  <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>
181
184
  <aside class="tsd-sources">
182
185
  <ul>
183
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/form/choice/Choice.tsx#L15">src/components/form/choice/Choice.tsx:15</a></li>
186
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/form/choice/Choice.tsx#L15">src/components/form/choice/Choice.tsx:15</a></li>
184
187
  </ul>
185
188
  </aside>
186
189
  </section>
@@ -190,7 +193,7 @@
190
193
  <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>
191
194
  <aside class="tsd-sources">
192
195
  <ul>
193
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
196
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/ui/directionPad/Pad.tsx#L17">src/components/ui/directionPad/Pad.tsx:17</a></li>
194
197
  </ul>
195
198
  </aside>
196
199
  </section>
@@ -200,7 +203,7 @@
200
203
  <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>
201
204
  <aside class="tsd-sources">
202
205
  <ul>
203
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
206
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/ui/action/EqualActions.tsx#L11">src/components/ui/action/EqualActions.tsx:11</a></li>
204
207
  </ul>
205
208
  </aside>
206
209
  </section>
@@ -210,7 +213,7 @@
210
213
  <div class="tsd-signature tsd-kind-icon">Handle<wbr>Esc<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>
211
214
  <aside class="tsd-sources">
212
215
  <ul>
213
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/utils/HandleEsc.tsx#L10">src/components/utils/HandleEsc.tsx:10</a></li>
216
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/utils/HandleEsc.tsx#L10">src/components/utils/HandleEsc.tsx:10</a></li>
214
217
  </ul>
215
218
  </aside>
216
219
  </section>
@@ -220,7 +223,7 @@
220
223
  <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>
221
224
  <aside class="tsd-sources">
222
225
  <ul>
223
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
226
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/layout/header/Header.tsx#L23">src/components/layout/header/Header.tsx:23</a></li>
224
227
  </ul>
225
228
  </aside>
226
229
  </section>
@@ -230,7 +233,7 @@
230
233
  <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>
231
234
  <aside class="tsd-sources">
232
235
  <ul>
233
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
236
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/layout/header/HeaderIconAction.tsx#L22">src/components/layout/header/HeaderIconAction.tsx:22</a></li>
234
237
  </ul>
235
238
  </aside>
236
239
  </section>
@@ -240,7 +243,7 @@
240
243
  <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>
241
244
  <aside class="tsd-sources">
242
245
  <ul>
243
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/icons/Icon.tsx#L43">src/components/icons/Icon.tsx:43</a></li>
246
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/icons/Icon.tsx#L43">src/components/icons/Icon.tsx:43</a></li>
244
247
  </ul>
245
248
  </aside>
246
249
  </section>
@@ -250,7 +253,7 @@
250
253
  <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>
251
254
  <aside class="tsd-sources">
252
255
  <ul>
253
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
256
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/form/Input.tsx#L12">src/components/form/Input.tsx:12</a></li>
254
257
  </ul>
255
258
  </aside>
256
259
  </section>
@@ -260,7 +263,7 @@
260
263
  <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>
261
264
  <aside class="tsd-sources">
262
265
  <ul>
263
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/layout/list/Item.tsx#L36">src/components/layout/list/Item.tsx:36</a></li>
266
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/layout/list/Item.tsx#L36">src/components/layout/list/Item.tsx:36</a></li>
264
267
  </ul>
265
268
  </aside>
266
269
  </section>
@@ -270,7 +273,7 @@
270
273
  <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>
271
274
  <aside class="tsd-sources">
272
275
  <ul>
273
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
276
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/form/Label.tsx#L12">src/components/form/Label.tsx:12</a></li>
274
277
  </ul>
275
278
  </aside>
276
279
  </section>
@@ -280,7 +283,7 @@
280
283
  <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>
281
284
  <aside class="tsd-sources">
282
285
  <ul>
283
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/layout/list/List.tsx#L20">src/components/layout/list/List.tsx:20</a></li>
286
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/layout/list/List.tsx#L20">src/components/layout/list/List.tsx:20</a></li>
284
287
  </ul>
285
288
  </aside>
286
289
  </section>
@@ -290,7 +293,7 @@
290
293
  <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>
291
294
  <aside class="tsd-sources">
292
295
  <ul>
293
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/ui/message/Message.tsx#L11">src/components/ui/message/Message.tsx:11</a></li>
296
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/ui/message/Message.tsx#L12">src/components/ui/message/Message.tsx:12</a></li>
294
297
  </ul>
295
298
  </aside>
296
299
  </section>
@@ -300,7 +303,7 @@
300
303
  <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>
301
304
  <aside class="tsd-sources">
302
305
  <ul>
303
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/ui/modal/Modal.tsx#L25">src/components/ui/modal/Modal.tsx:25</a></li>
306
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/ui/modal/Modal.tsx#L25">src/components/ui/modal/Modal.tsx:25</a></li>
304
307
  </ul>
305
308
  </aside>
306
309
  </section>
@@ -310,7 +313,7 @@
310
313
  <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>
311
314
  <aside class="tsd-sources">
312
315
  <ul>
313
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/ui/modal/ModalButtons.tsx#L15">src/components/ui/modal/ModalButtons.tsx:15</a></li>
316
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/ui/modal/ModalButtons.tsx#L15">src/components/ui/modal/ModalButtons.tsx:15</a></li>
314
317
  </ul>
315
318
  </aside>
316
319
  </section>
@@ -320,7 +323,7 @@
320
323
  <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>
321
324
  <aside class="tsd-sources">
322
325
  <ul>
323
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
326
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/layout/section/SearchContainer.tsx#L5">src/components/layout/section/SearchContainer.tsx:5</a></li>
324
327
  </ul>
325
328
  </aside>
326
329
  </section>
@@ -330,7 +333,17 @@
330
333
  <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>
331
334
  <aside class="tsd-sources">
332
335
  <ul>
333
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
336
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/layout/section/Section.tsx#L18">src/components/layout/section/Section.tsx:18</a></li>
337
+ </ul>
338
+ </aside>
339
+ </section>
340
+ <section class="tsd-panel tsd-member tsd-kind-variable">
341
+ <a name="Select" class="tsd-anchor"></a>
342
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Select</h3>
343
+ <div class="tsd-signature tsd-kind-icon">Select<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.SelectHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLSelectElement</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>
344
+ <aside class="tsd-sources">
345
+ <ul>
346
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/form/Select.tsx#L9">src/components/form/Select.tsx:9</a></li>
334
347
  </ul>
335
348
  </aside>
336
349
  </section>
@@ -340,7 +353,7 @@
340
353
  <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>
341
354
  <aside class="tsd-sources">
342
355
  <ul>
343
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/ui/tabs/Selector.tsx#L14">src/components/ui/tabs/Selector.tsx:14</a></li>
356
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/ui/tabs/Selector.tsx#L14">src/components/ui/tabs/Selector.tsx:14</a></li>
344
357
  </ul>
345
358
  </aside>
346
359
  </section>
@@ -350,7 +363,17 @@
350
363
  <div class="tsd-signature tsd-kind-icon">Spacer<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>
351
364
  <aside class="tsd-sources">
352
365
  <ul>
353
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/utils/Spacer.tsx#L7">src/components/utils/Spacer.tsx:7</a></li>
366
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/utils/Spacer.tsx#L7">src/components/utils/Spacer.tsx:7</a></li>
367
+ </ul>
368
+ </aside>
369
+ </section>
370
+ <section class="tsd-panel tsd-member tsd-kind-variable">
371
+ <a name="Stats" class="tsd-anchor"></a>
372
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Stats</h3>
373
+ <div class="tsd-signature tsd-kind-icon">Stats<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>
374
+ <aside class="tsd-sources">
375
+ <ul>
376
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/ui/stats/Stats.tsx#L16">src/components/ui/stats/Stats.tsx:16</a></li>
354
377
  </ul>
355
378
  </aside>
356
379
  </section>
@@ -360,7 +383,17 @@
360
383
  <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>
361
384
  <aside class="tsd-sources">
362
385
  <ul>
363
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/layout/header/StickyHeader.tsx#L22">src/components/layout/header/StickyHeader.tsx:22</a></li>
386
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/layout/header/StickyHeader.tsx#L22">src/components/layout/header/StickyHeader.tsx:22</a></li>
387
+ </ul>
388
+ </aside>
389
+ </section>
390
+ <section class="tsd-panel tsd-member tsd-kind-variable">
391
+ <a name="Table" class="tsd-anchor"></a>
392
+ <h3><span class="tsd-flag ts-flagConst">Const</span> Table</h3>
393
+ <div class="tsd-signature tsd-kind-icon">Table<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.TableHTMLAttributes</span><span class="tsd-signature-symbol">&lt;</span><span class="tsd-signature-type">HTMLTableElement</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>
394
+ <aside class="tsd-sources">
395
+ <ul>
396
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/layout/table/Table.tsx#L10">src/components/layout/table/Table.tsx:10</a></li>
364
397
  </ul>
365
398
  </aside>
366
399
  </section>
@@ -370,7 +403,7 @@
370
403
  <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>
371
404
  <aside class="tsd-sources">
372
405
  <ul>
373
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
406
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/form/TextArea.tsx#L10">src/components/form/TextArea.tsx:10</a></li>
374
407
  </ul>
375
408
  </aside>
376
409
  </section>
@@ -380,7 +413,7 @@
380
413
  <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>
381
414
  <aside class="tsd-sources">
382
415
  <ul>
383
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/form/Toggle.tsx#L11">src/components/form/Toggle.tsx:11</a></li>
416
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/form/Toggle.tsx#L13">src/components/form/Toggle.tsx:13</a></li>
384
417
  </ul>
385
418
  </aside>
386
419
  </section>
@@ -397,7 +430,7 @@
397
430
  <li class="tsd-description">
398
431
  <aside class="tsd-sources">
399
432
  <ul>
400
- <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/fada715/src/components/ui/toaster/Toaster.tsx#L99">src/components/ui/toaster/Toaster.tsx:99</a></li>
433
+ <li>Defined in <a href="https://github.com/dzek69/react-miui/blob/4f49c32/src/components/ui/toaster/Toaster.tsx#L99">src/components/ui/toaster/Toaster.tsx:99</a></li>
401
434
  </ul>
402
435
  </aside>
403
436
  <h4 class="tsd-returns-title">Returns <span class="tsd-signature-type">ToasterFn</span></h4>
@@ -515,15 +548,24 @@
515
548
  <li class=" tsd-kind-variable">
516
549
  <a href="modules.html#Section" class="tsd-kind-icon">Section</a>
517
550
  </li>
551
+ <li class=" tsd-kind-variable">
552
+ <a href="modules.html#Select" class="tsd-kind-icon">Select</a>
553
+ </li>
518
554
  <li class=" tsd-kind-variable">
519
555
  <a href="modules.html#Selector" class="tsd-kind-icon">Selector</a>
520
556
  </li>
521
557
  <li class=" tsd-kind-variable">
522
558
  <a href="modules.html#Spacer" class="tsd-kind-icon">Spacer</a>
523
559
  </li>
560
+ <li class=" tsd-kind-variable">
561
+ <a href="modules.html#Stats" class="tsd-kind-icon">Stats</a>
562
+ </li>
524
563
  <li class=" tsd-kind-variable">
525
564
  <a href="modules.html#StickyHeader" class="tsd-kind-icon">Sticky<wbr>Header</a>
526
565
  </li>
566
+ <li class=" tsd-kind-variable">
567
+ <a href="modules.html#Table" class="tsd-kind-icon">Table</a>
568
+ </li>
527
569
  <li class=" tsd-kind-variable">
528
570
  <a href="modules.html#TextArea" class="tsd-kind-icon">Text<wbr>Area</a>
529
571
  </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.13.0</title>
7
- <meta name="description" content="Documentation for react-miui - v0.13.0">
6
+ <title>Test | react-miui - v0.15.0</title>
7
+ <meta name="description" content="Documentation for react-miui - v0.15.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.13.0</a>
26
+ <a href="../../index.html" class="title">react-miui - v0.15.0</a>
27
27
  </div>
28
28
  <div class="table-cell" id="tsd-widgets">
29
29
  <div id="tsd-filter">
package/esm/components/form/Select.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import React from "react";
2
+ interface Props {
3
+ }
4
+ declare const Select: React.FC<React.SelectHTMLAttributes<HTMLSelectElement> & Props>;
5
+ export { Select, };
6
+ //# sourceMappingURL=Select.d.ts.map
package/esm/components/form/Select.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.d.ts","sourceRoot":"","sources":["../../../src/components/form/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,KAAK;CACd;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAQ3E,CAAC;AAEF,OAAO,EACH,MAAM,GACT,CAAC"}
package/esm/components/form/Select.js ADDED
@@ -0,0 +1,9 @@
1
+ import React from "react";
2
+ import classnames from "classnames";
3
+ import styles from "./Select.module.scss";
4
+ const Select = ({ className, children, ...props }) => {
5
+ const wrapperCls = classnames(styles.select, className);
6
+ return (React.createElement("select", { className: wrapperCls, ...props }, children));
7
+ };
8
+ export { Select, };
9
+ //# sourceMappingURL=Select.js.map
package/esm/components/form/Select.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../../src/components/form/Select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAK1C,MAAM,MAAM,GAAoE,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAClH,MAAM,UAAU,GAAG,UAAU,CAAC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAC;IAExD,OAAO,CACH,gCAAQ,SAAS,EAAE,UAAU,KAAM,KAAK,IACnC,QAAQ,CACJ,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EACH,MAAM,GACT,CAAC"}
package/esm/components/form/Select.module.scss ADDED
@@ -0,0 +1,18 @@
1
+ .select {
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
+ display: block;
7
+ width: 100%;
8
+ background: white;
9
+ font-family: inherit;
10
+ border-radius: 2px;
11
+ padding: 0 calc(36px / var(--ratio-dimensions));
12
+ border: calc(1px / var(--ratio-border)) solid var(--border);
13
+
14
+ &:disabled {
15
+ background: var(--input-disabled-bg);
16
+ color: var(--input-disabled-text);
17
+ }
18
+ }
package/esm/components/form/Toggle.d.ts CHANGED
@@ -1,7 +1,8 @@
1
1
  import React from "react";
2
2
  interface Props {
3
- onChange: (newState: boolean) => void;
4
- state: boolean | null;
3
+ onChange: (newValue: boolean) => void;
4
+ disabled?: boolean;
5
+ value: boolean | null;
5
6
  }
6
7
  declare const Toggle: React.FC<Props>;
7
8
  export { Toggle };
package/esm/components/form/Toggle.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAI3C,UAAU,KAAK;IACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAoB3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAK3C,UAAU,KAAK;IACX,QAAQ,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,EAAE,OAAO,GAAG,IAAI,CAAC;CACzB;AAED,QAAA,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAyB3B,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/esm/components/form/Toggle.js CHANGED
@@ -1,14 +1,18 @@
1
1
  import React, { useCallback } from "react";
2
2
  import styles from "./Toggle.module.scss";
3
+ import classnames from "classnames";
3
4
  const Toggle = (props) => {
4
5
  const handleChange = useCallback((e) => {
5
- if (props.state == null) {
6
+ if (props.value == null) {
6
7
  return;
7
8
  }
8
9
  props.onChange(e.target.checked);
9
- }, [props.onChange, props.state]);
10
- return (React.createElement("label", { className: styles.container },
11
- React.createElement("input", { type: "checkbox", checked: Boolean(props.state), "data-undetermined": props.state == null, readOnly: props.state == null, onChange: handleChange }),
10
+ }, [props.onChange, props.value]);
11
+ const cls = classnames(styles.container, {
12
+ [styles.disabled]: props.disabled,
13
+ });
14
+ return (React.createElement("label", { className: cls },
15
+ React.createElement("input", { type: "checkbox", checked: Boolean(props.value), "data-undetermined": props.value == null, readOnly: props.value == null, disabled: props.disabled, onChange: handleChange }),
12
16
  React.createElement("div", { className: styles.toggle })));
13
17
  };
14
18
  export { Toggle };
package/esm/components/form/Toggle.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAO1C,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAgC,EAAE,EAAE;QAClE,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,EAAE;YACrB,OAAO;SACV;QACD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElC,OAAO,CACH,+BAAO,SAAS,EAAE,MAAM,CAAC,SAAS;QAC9B,+BACI,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,uBACV,KAAK,CAAC,KAAK,IAAI,IAAI,EACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,EAC7B,QAAQ,EAAE,YAAY,GACxB;QACF,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,GAAI,CAC7B,CACX,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
1
+ {"version":3,"file":"Toggle.js","sourceRoot":"","sources":["../../../src/components/form/Toggle.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAC1C,OAAO,UAAU,MAAM,YAAY,CAAC;AAQpC,MAAM,MAAM,GAAoB,CAAC,KAAK,EAAE,EAAE;IACtC,MAAM,YAAY,GAAG,WAAW,CAAC,CAAC,CAAgC,EAAE,EAAE;QAClE,IAAI,KAAK,CAAC,KAAK,IAAI,IAAI,EAAE;YACrB,OAAO;SACV;QACD,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;IACrC,CAAC,EAAE,CAAC,KAAK,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC;IAElC,MAAM,GAAG,GAAG,UAAU,CAAC,MAAM,CAAC,SAAS,EAAE;QACrC,CAAC,MAAM,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC,QAAQ;KACpC,CAAC,CAAC;IAEH,OAAO,CACH,+BAAO,SAAS,EAAE,GAAG;QACjB,+BACI,IAAI,EAAE,UAAU,EAChB,OAAO,EAAE,OAAO,CAAC,KAAK,CAAC,KAAK,CAAC,uBACV,KAAK,CAAC,KAAK,IAAI,IAAI,EACtC,QAAQ,EAAE,KAAK,CAAC,KAAK,IAAI,IAAI,EAC7B,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,QAAQ,EAAE,YAAY,GACxB;QACF,6BAAK,SAAS,EAAE,MAAM,CAAC,MAAM,GAAI,CAC7B,CACX,CAAC;AACN,CAAC,CAAC;AAEF,OAAO,EAAE,MAAM,EAAE,CAAC"}
package/esm/components/form/Toggle.module.scss CHANGED
@@ -30,9 +30,18 @@
30
30
  background: var(--toggle-handle-border);
31
31
  border-color: var(--toggle-handle-border);
32
32
  }
33
+
34
+ &:disabled:checked + .toggle {
35
+ border-color: var(--toggle-handle-border-disabled);
36
+ background: var(--toggle-handle-bg-disabled);
37
+ }
33
38
  }
34
39
  }
35
40
 
41
+ .disabled {
42
+ background: var(--toggle-bg-disabled);
43
+ }
44
+
36
45
  .toggle {
37
46
  box-sizing: border-box;
38
47
  border-radius: 100px;
package/esm/components/layout/table/Table.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ import React from "react";
2
+ interface Props {
3
+ variant?: "striped" | "raw";
4
+ }
5
+ declare const Table: React.FC<React.TableHTMLAttributes<HTMLTableElement> & Props>;
6
+ export { Table };
7
+ //# sourceMappingURL=Table.d.ts.map
package/esm/components/layout/table/Table.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,UAAU,KAAK;IACX,OAAO,CAAC,EAAE,SAAS,GAAG,KAAK,CAAC;CAC/B;AAED,QAAA,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,GAAG,KAAK,CAQxE,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
package/esm/components/layout/table/Table.js ADDED
@@ -0,0 +1,12 @@
1
+ import React from "react";
2
+ import classnames from "classnames";
3
+ import styles from "./Table.module.scss";
4
+ const Table = ({ className, children, variant, ...props }) => {
5
+ const cls = classnames(className, {
6
+ [styles.table]: variant !== "raw",
7
+ [styles.striped]: variant === "striped",
8
+ });
9
+ return React.createElement("table", { className: cls, ...props }, children);
10
+ };
11
+ export { Table };
12
+ //# sourceMappingURL=Table.js.map
package/esm/components/layout/table/Table.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../../src/components/layout/table/Table.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,UAAU,MAAM,YAAY,CAAC;AAEpC,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAMzC,MAAM,KAAK,GAAkE,CACzE,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,EAC5C,EAAE;IACA,MAAM,GAAG,GAAG,UAAU,CAAC,SAAS,EAAE;QAC9B,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,KAAK;QACjC,CAAC,MAAM,CAAC,OAAO,CAAC,EAAE,OAAO,KAAK,SAAS;KAC1C,CAAC,CAAC;IACH,OAAO,+BAAO,SAAS,EAAE,GAAG,KAAM,KAAK,IAAG,QAAQ,CAAS,CAAC;AAChE,CAAC,CAAC;AAEF,OAAO,EAAE,KAAK,EAAE,CAAC"}
package/esm/components/layout/table/Table.module.scss ADDED
@@ -0,0 +1,22 @@
1
+ .table {
2
+ border-spacing: 10px;
3
+ border-collapse: collapse;
4
+
5
+ > * > tr > * {
6
+ text-align: left;
7
+ padding: 0.75em 0.5em;
8
+ border-bottom: 1px solid var(--border);
9
+ }
10
+
11
+ > thead > tr:last-child > * {
12
+ border-bottom: 2px solid var(--border);
13
+ box-shadow: 0 4px 10px -10px rgba(0, 0, 0, 0.6);
14
+ }
15
+ }
16
+
17
+ .striped {
18
+ > tbody > tr:nth-child(even) > * {
19
+ background: var(--table-striped-bg);
20
+ }
21
+ }
22
+
package/esm/components/ui/message/Message.d.ts CHANGED
@@ -2,6 +2,7 @@ import React from "react";
2
2
  interface Props {
3
3
  type: "warning" | "error" | "info" | "tip";
4
4
  variant?: "box";
5
+ className?: string;
5
6
  }
6
7
  declare const Message: React.FC<Props>;
7
8
  export { Message };
package/esm/components/ui/message/Message.d.ts.map CHANGED
@@ -1 +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"}
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;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;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 CHANGED
@@ -7,7 +7,7 @@ const Message = (props) => {
7
7
  [styles.warning]: props.type === "warning",
8
8
  [styles.error]: props.type === "error",
9
9
  [styles.info]: props.type === "info",
10
- });
10
+ }, props.className);
11
11
  return React.createElement("div", { className: cls }, props.children);
12
12
  };
13
13
  export { Message };
package/esm/components/ui/message/Message.js.map CHANGED
@@ -1 +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"}
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;AAQ3C,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,EAAE,KAAK,CAAC,SAAS,CAAC,CAAC;IACpB,OAAO,6BAAK,SAAS,EAAE,GAAG,IAAG,KAAK,CAAC,QAAQ,CAAO,CAAC;AACvD,CAAC,CAAC;AAEF,OAAO,EAAE,OAAO,EAAE,CAAC"}
package/esm/components/ui/toaster/Toaster.module.scss CHANGED
@@ -11,7 +11,7 @@
11
11
  right: 40px;
12
12
  display: flex;
13
13
  justify-content: center;
14
- z-index: 1;
14
+ z-index: 6;
15
15
 
16
16
  span {
17
17
  background: rgba(56, 50, 46, 0.85);
package/esm/global.scss CHANGED
@@ -16,6 +16,9 @@
16
16
 
17
17
  --toggle-handle-bg: #e0e0e0;
18
18
  --toggle-handle-border: #cdcdcd;
19
+ --toggle-bg-disabled: #f0f0f0;
20
+ --toggle-handle-border-disabled: #c29f7d;
21
+ --toggle-handle-bg-disabled: #deae84;
19
22
 
20
23
  --icon: #636363;
21
24
  --border: #d5d5d5;
@@ -71,6 +74,8 @@
71
74
 
72
75
  --scrollbars-thumb: var(--grey1);
73
76
  --scrollbars-bg: transparent;
77
+
78
+ --table-striped-bg: #fafafa;
74
79
  }
75
80
 
76
81
  *:focus {