@mirai/ui 1.0.59 → 1.0.60

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 (38) hide show
  1. package/README.md +41 -6
  2. package/build/components/Button/Button.module.css +4 -4
  3. package/build/components/Calendar/Calendar.Month.js +0 -4
  4. package/build/components/Calendar/Calendar.Month.js.map +1 -1
  5. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +240 -360
  6. package/build/components/InputNumber/InputNumber.js +2 -2
  7. package/build/components/InputNumber/InputNumber.js.map +1 -1
  8. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +180 -260
  9. package/build/components/InputOption/InputOption.js +6 -4
  10. package/build/components/InputOption/InputOption.js.map +1 -1
  11. package/build/components/InputOption/InputOption.module.css +2 -1
  12. package/build/components/InputOption/InputOption.stories.js +1 -0
  13. package/build/components/InputOption/InputOption.stories.js.map +1 -1
  14. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +103 -14
  15. package/build/components/InputSelect/InputSelect.js +1 -1
  16. package/build/components/InputSelect/InputSelect.js.map +1 -1
  17. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +71 -54
  18. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +20 -39
  19. package/build/components/Menu/Menu.stories.js +2 -2
  20. package/build/components/Menu/Menu.stories.js.map +1 -1
  21. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +17 -31
  22. package/build/components/Modal/Modal.js +1 -1
  23. package/build/components/Modal/Modal.js.map +1 -1
  24. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +28 -26
  25. package/build/components/Notification/Notification.js +10 -13
  26. package/build/components/Notification/Notification.js.map +1 -1
  27. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +58 -73
  28. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +200 -300
  29. package/build/primitives/Icon/Icon.constants.js +30 -30
  30. package/build/primitives/Icon/Icon.constants.js.map +1 -1
  31. package/build/primitives/Icon/Icon.js +4 -2
  32. package/build/primitives/Icon/Icon.js.map +1 -1
  33. package/build/primitives/Icon/Icon.stories.js +13 -1
  34. package/build/primitives/Icon/Icon.stories.js.map +1 -1
  35. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +33 -52
  36. package/build/primitives/Switch/Switch.module.css +7 -0
  37. package/build/theme/default.theme.css +15 -7
  38. package/package.json +1 -1
package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap CHANGED
@@ -6,7 +6,7 @@ exports[`component:<Notification> inherit:className 1`] = `
6
6
  class="view row notification outlined mirai"
7
7
  >
8
8
  <span
9
- class="icon headline-4"
9
+ class="icon headline-3"
10
10
  >
11
11
  <svg
12
12
  fill="currentColor"
@@ -18,19 +18,19 @@ exports[`component:<Notification> inherit:className 1`] = `
18
18
  xmlns="http://www.w3.org/2000/svg"
19
19
  >
20
20
  <path
21
- d="M0 0h24v24H0z"
21
+ d="M0 0h24v24H0V0z"
22
22
  fill="none"
23
23
  />
24
24
  <path
25
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"
25
+ d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
26
26
  />
27
27
  </svg>
28
28
  </span>
29
- <h4
30
- class="text headline-4 text"
29
+ <span
30
+ class="text paragraph text"
31
31
  >
32
32
  Lorem Ipsum...
33
- </h4>
33
+ </span>
34
34
  </div>
35
35
  </DocumentFragment>
36
36
  `;
@@ -41,7 +41,7 @@ exports[`component:<Notification> prop:error 1`] = `
41
41
  class="view row notification error outlined"
42
42
  >
43
43
  <span
44
- class="icon headline-4"
44
+ class="icon headline-3"
45
45
  >
46
46
  <svg
47
47
  fill="currentColor"
@@ -52,20 +52,16 @@ exports[`component:<Notification> prop:error 1`] = `
52
52
  width="1em"
53
53
  xmlns="http://www.w3.org/2000/svg"
54
54
  >
55
- <path
56
- d="M0 0h24v24H0z"
57
- fill="none"
58
- />
59
55
  <path
60
56
  d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"
61
57
  />
62
58
  </svg>
63
59
  </span>
64
- <h4
65
- class="text headline-4 text error"
60
+ <span
61
+ class="text paragraph text error"
66
62
  >
67
63
  Lorem Ipsum...
68
- </h4>
64
+ </span>
69
65
  </div>
70
66
  </DocumentFragment>
71
67
  `;
@@ -76,7 +72,7 @@ exports[`component:<Notification> prop:inline 1`] = `
76
72
  class="view row notification inline inline"
77
73
  >
78
74
  <span
79
- class="icon headline-4"
75
+ class="icon headline-3"
80
76
  >
81
77
  <svg
82
78
  fill="currentColor"
@@ -88,19 +84,19 @@ exports[`component:<Notification> prop:inline 1`] = `
88
84
  xmlns="http://www.w3.org/2000/svg"
89
85
  >
90
86
  <path
91
- d="M0 0h24v24H0z"
87
+ d="M0 0h24v24H0V0z"
92
88
  fill="none"
93
89
  />
94
90
  <path
95
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"
91
+ d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
96
92
  />
97
93
  </svg>
98
94
  </span>
99
- <h4
100
- class="text headline-4 text"
95
+ <span
96
+ class="text paragraph text"
101
97
  >
102
98
  Lorem Ipsum...
103
- </h4>
99
+ </span>
104
100
  </div>
105
101
  </DocumentFragment>
106
102
  `;
@@ -111,7 +107,7 @@ exports[`component:<Notification> prop:onClose 1`] = `
111
107
  class="view row notification outlined"
112
108
  >
113
109
  <span
114
- class="icon headline-4"
110
+ class="icon headline-3"
115
111
  >
116
112
  <svg
117
113
  fill="currentColor"
@@ -123,47 +119,40 @@ exports[`component:<Notification> prop:onClose 1`] = `
123
119
  xmlns="http://www.w3.org/2000/svg"
124
120
  >
125
121
  <path
126
- d="M0 0h24v24H0z"
122
+ d="M0 0h24v24H0V0z"
127
123
  fill="none"
128
124
  />
129
125
  <path
130
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"
126
+ d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
131
127
  />
132
128
  </svg>
133
129
  </span>
134
- <h4
135
- class="text headline-4 text"
130
+ <span
131
+ class="text paragraph text"
136
132
  >
137
133
  Lorem Ipsum...
138
- </h4>
134
+ </span>
139
135
  <button
140
136
  class="pressable pressable"
141
137
  >
142
138
  <span
143
- class="icon headline-4"
139
+ class="icon headline-3"
144
140
  >
145
141
  <svg
146
- fill="none"
142
+ fill="currentColor"
147
143
  height="1em"
148
144
  stroke="currentColor"
149
- stroke-linecap="round"
150
- stroke-linejoin="round"
151
- stroke-width="2"
145
+ stroke-width="0"
152
146
  viewBox="0 0 24 24"
153
147
  width="1em"
154
148
  xmlns="http://www.w3.org/2000/svg"
155
149
  >
156
- <line
157
- x1="18"
158
- x2="6"
159
- y1="6"
160
- y2="18"
150
+ <path
151
+ d="M0 0h24v24H0V0z"
152
+ fill="none"
161
153
  />
162
- <line
163
- x1="6"
164
- x2="18"
165
- y1="6"
166
- y2="18"
154
+ <path
155
+ d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
167
156
  />
168
157
  </svg>
169
158
  </span>
@@ -178,7 +167,7 @@ exports[`component:<Notification> prop:small & prop:inline 1`] = `
178
167
  class="view row notification inline inline small"
179
168
  >
180
169
  <span
181
- class="icon small"
170
+ class="icon paragraph"
182
171
  >
183
172
  <svg
184
173
  fill="currentColor"
@@ -190,11 +179,11 @@ exports[`component:<Notification> prop:small & prop:inline 1`] = `
190
179
  xmlns="http://www.w3.org/2000/svg"
191
180
  >
192
181
  <path
193
- d="M0 0h24v24H0z"
182
+ d="M0 0h24v24H0V0z"
194
183
  fill="none"
195
184
  />
196
185
  <path
197
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"
186
+ d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
198
187
  />
199
188
  </svg>
200
189
  </span>
@@ -213,7 +202,7 @@ exports[`component:<Notification> prop:small 1`] = `
213
202
  class="view row notification outlined small"
214
203
  >
215
204
  <span
216
- class="icon small"
205
+ class="icon paragraph"
217
206
  >
218
207
  <svg
219
208
  fill="currentColor"
@@ -225,11 +214,11 @@ exports[`component:<Notification> prop:small 1`] = `
225
214
  xmlns="http://www.w3.org/2000/svg"
226
215
  >
227
216
  <path
228
- d="M0 0h24v24H0z"
217
+ d="M0 0h24v24H0V0z"
229
218
  fill="none"
230
219
  />
231
220
  <path
232
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"
221
+ d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
233
222
  />
234
223
  </svg>
235
224
  </span>
@@ -248,7 +237,7 @@ exports[`component:<Notification> prop:success 1`] = `
248
237
  class="view row notification success outlined"
249
238
  >
250
239
  <span
251
- class="icon headline-4"
240
+ class="icon headline-3"
252
241
  >
253
242
  <svg
254
243
  fill="currentColor"
@@ -260,19 +249,19 @@ exports[`component:<Notification> prop:success 1`] = `
260
249
  xmlns="http://www.w3.org/2000/svg"
261
250
  >
262
251
  <path
263
- d="M0 0h24v24H0z"
252
+ d="M0 0h24v24H0V0z"
264
253
  fill="none"
265
254
  />
266
255
  <path
267
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 15l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z"
256
+ d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
268
257
  />
269
258
  </svg>
270
259
  </span>
271
- <h4
272
- class="text headline-4 text success"
260
+ <span
261
+ class="text paragraph text success"
273
262
  >
274
263
  Lorem Ipsum...
275
- </h4>
264
+ </span>
276
265
  </div>
277
266
  </DocumentFragment>
278
267
  `;
@@ -283,7 +272,7 @@ exports[`component:<Notification> prop:warning 1`] = `
283
272
  class="view row notification warning outlined"
284
273
  >
285
274
  <span
286
- class="icon headline-4"
275
+ class="icon headline-3"
287
276
  >
288
277
  <svg
289
278
  fill="currentColor"
@@ -294,20 +283,16 @@ exports[`component:<Notification> prop:warning 1`] = `
294
283
  width="1em"
295
284
  xmlns="http://www.w3.org/2000/svg"
296
285
  >
297
- <path
298
- d="M0 0h24v24H0z"
299
- fill="none"
300
- />
301
286
  <path
302
287
  d="M1 21h22L12 2 1 21zm12-3h-2v-2h2v2zm0-4h-2v-4h2v4z"
303
288
  />
304
289
  </svg>
305
290
  </span>
306
- <h4
307
- class="text headline-4 text warning"
291
+ <span
292
+ class="text paragraph text warning"
308
293
  >
309
294
  Lorem Ipsum...
310
- </h4>
295
+ </span>
311
296
  </div>
312
297
  </DocumentFragment>
313
298
  `;
@@ -318,7 +303,7 @@ exports[`component:<Notification> renders 1`] = `
318
303
  class="view row notification outlined"
319
304
  >
320
305
  <span
321
- class="icon headline-4"
306
+ class="icon headline-3"
322
307
  >
323
308
  <svg
324
309
  fill="currentColor"
@@ -330,19 +315,19 @@ exports[`component:<Notification> renders 1`] = `
330
315
  xmlns="http://www.w3.org/2000/svg"
331
316
  >
332
317
  <path
333
- d="M0 0h24v24H0z"
318
+ d="M0 0h24v24H0V0z"
334
319
  fill="none"
335
320
  />
336
321
  <path
337
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"
322
+ d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
338
323
  />
339
324
  </svg>
340
325
  </span>
341
- <h4
342
- class="text headline-4 text"
326
+ <span
327
+ class="text paragraph text"
343
328
  >
344
329
  Lorem Ipsum...
345
- </h4>
330
+ </span>
346
331
  </div>
347
332
  </DocumentFragment>
348
333
  `;
@@ -354,7 +339,7 @@ exports[`component:<Notification> testID 1`] = `
354
339
  data-testid="mirai"
355
340
  >
356
341
  <span
357
- class="icon headline-4"
342
+ class="icon headline-3"
358
343
  >
359
344
  <svg
360
345
  fill="currentColor"
@@ -366,19 +351,19 @@ exports[`component:<Notification> testID 1`] = `
366
351
  xmlns="http://www.w3.org/2000/svg"
367
352
  >
368
353
  <path
369
- d="M0 0h24v24H0z"
354
+ d="M0 0h24v24H0V0z"
370
355
  fill="none"
371
356
  />
372
357
  <path
373
- d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-6h2v6zm0-8h-2V7h2v2z"
358
+ d="M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
374
359
  />
375
360
  </svg>
376
361
  </span>
377
- <h4
378
- class="text headline-4 text"
362
+ <span
363
+ class="text paragraph text"
379
364
  >
380
365
  Lorem Ipsum...
381
- </h4>
366
+ </span>
382
367
  </div>
383
368
  </DocumentFragment>
384
369
  `;