@mirai/ui 2.0.7 → 2.0.8

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 (28) hide show
  1. package/build/components/Action/Action.module.css +4 -0
  2. package/build/components/Button/Button.module.css +27 -27
  3. package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +32 -32
  4. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +64 -64
  5. package/build/components/InputNumber/InputNumber.js +4 -2
  6. package/build/components/InputNumber/InputNumber.js.map +1 -1
  7. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +81 -57
  8. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +14 -14
  9. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +6 -6
  10. package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +30 -30
  11. package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +20 -20
  12. package/build/components/components.customElements.js +6 -0
  13. package/build/components/components.customElements.js.map +1 -0
  14. package/build/components/index.js +1 -0
  15. package/build/components/index.js.map +1 -1
  16. package/build/helpers/CustomElement.js +39 -0
  17. package/build/helpers/CustomElement.js.map +1 -0
  18. package/build/helpers/index.js +11 -0
  19. package/build/helpers/index.js.map +1 -1
  20. package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +14 -14
  21. package/build/primitives/Pressable/Pressable.module.css +8 -0
  22. package/build/primitives/Primitive/Primitive.constants.js +0 -2
  23. package/build/primitives/Primitive/Primitive.constants.js.map +1 -1
  24. package/build/primitives/index.js +1 -64
  25. package/build/primitives/index.js.map +1 -1
  26. package/build/primitives/primitives.customElements.js +20 -0
  27. package/build/primitives/primitives.customElements.js.map +1 -0
  28. package/package.json +1 -1
package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap CHANGED
@@ -8,9 +8,10 @@ exports[`component:<InputNumber> inherit:className 1`] = `
8
8
  <ui-view
9
9
  class="view texts"
10
10
  />
11
- <button
11
+ <ui-button
12
12
  class="pressable disabled button small rounded squared disabled"
13
- disabled=""
13
+ data-testid="button-min"
14
+ disabled="true"
14
15
  >
15
16
  <ui-icon
16
17
  class="icon headline-3"
@@ -33,14 +34,15 @@ exports[`component:<InputNumber> inherit:className 1`] = `
33
34
  />
34
35
  </svg>
35
36
  </ui-icon>
36
- </button>
37
+ </ui-button>
37
38
  <ui-text
38
39
  class="text paragraph value"
39
40
  >
40
41
  0
41
42
  </ui-text>
42
- <button
43
+ <ui-button
43
44
  class="pressable button small rounded squared secondary"
45
+ data-testid="button-max"
44
46
  tabindex="0"
45
47
  >
46
48
  <ui-icon
@@ -64,7 +66,7 @@ exports[`component:<InputNumber> inherit:className 1`] = `
64
66
  />
65
67
  </svg>
66
68
  </ui-icon>
67
- </button>
69
+ </ui-button>
68
70
  </ui-input-number>
69
71
  </DocumentFragment>
70
72
  `;
@@ -77,9 +79,10 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
77
79
  <ui-view
78
80
  class="view texts"
79
81
  />
80
- <button
82
+ <ui-button
81
83
  class="pressable disabled button small rounded squared disabled"
82
- disabled=""
84
+ data-testid="button-min"
85
+ disabled="true"
83
86
  >
84
87
  <ui-icon
85
88
  class="icon headline-3"
@@ -102,15 +105,16 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
102
105
  />
103
106
  </svg>
104
107
  </ui-icon>
105
- </button>
108
+ </ui-button>
106
109
  <ui-text
107
110
  class="text paragraph value disabled"
108
111
  >
109
112
  0
110
113
  </ui-text>
111
- <button
114
+ <ui-button
112
115
  class="pressable disabled button small rounded squared disabled"
113
- disabled=""
116
+ data-testid="button-max"
117
+ disabled="true"
114
118
  >
115
119
  <ui-icon
116
120
  class="icon headline-3"
@@ -133,7 +137,7 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
133
137
  />
134
138
  </svg>
135
139
  </ui-icon>
136
- </button>
140
+ </ui-button>
137
141
  </ui-input-number>
138
142
  </DocumentFragment>
139
143
  `;
@@ -152,9 +156,10 @@ exports[`component:<InputNumber> prop:hint 1`] = `
152
156
  hint
153
157
  </ui-text>
154
158
  </ui-view>
155
- <button
159
+ <ui-button
156
160
  class="pressable disabled button small rounded squared disabled"
157
- disabled=""
161
+ data-testid="button-min"
162
+ disabled="true"
158
163
  >
159
164
  <ui-icon
160
165
  class="icon headline-3"
@@ -177,14 +182,15 @@ exports[`component:<InputNumber> prop:hint 1`] = `
177
182
  />
178
183
  </svg>
179
184
  </ui-icon>
180
- </button>
185
+ </ui-button>
181
186
  <ui-text
182
187
  class="text paragraph value"
183
188
  >
184
189
  0
185
190
  </ui-text>
186
- <button
191
+ <ui-button
187
192
  class="pressable button small rounded squared secondary"
193
+ data-testid="button-max"
188
194
  tabindex="0"
189
195
  >
190
196
  <ui-icon
@@ -208,7 +214,7 @@ exports[`component:<InputNumber> prop:hint 1`] = `
208
214
  />
209
215
  </svg>
210
216
  </ui-icon>
211
- </button>
217
+ </ui-button>
212
218
  </ui-input-number>
213
219
  </DocumentFragment>
214
220
  `;
@@ -227,9 +233,10 @@ exports[`component:<InputNumber> prop:label 1`] = `
227
233
  label
228
234
  </ui-label>
229
235
  </ui-view>
230
- <button
236
+ <ui-button
231
237
  class="pressable disabled button small rounded squared disabled"
232
- disabled=""
238
+ data-testid="button-min"
239
+ disabled="true"
233
240
  >
234
241
  <ui-icon
235
242
  class="icon headline-3"
@@ -252,14 +259,15 @@ exports[`component:<InputNumber> prop:label 1`] = `
252
259
  />
253
260
  </svg>
254
261
  </ui-icon>
255
- </button>
262
+ </ui-button>
256
263
  <ui-text
257
264
  class="text paragraph value"
258
265
  >
259
266
  0
260
267
  </ui-text>
261
- <button
268
+ <ui-button
262
269
  class="pressable button small rounded squared secondary"
270
+ data-testid="button-max"
263
271
  tabindex="0"
264
272
  >
265
273
  <ui-icon
@@ -283,7 +291,7 @@ exports[`component:<InputNumber> prop:label 1`] = `
283
291
  />
284
292
  </svg>
285
293
  </ui-icon>
286
- </button>
294
+ </ui-button>
287
295
  </ui-input-number>
288
296
  </DocumentFragment>
289
297
  `;
@@ -296,8 +304,9 @@ exports[`component:<InputNumber> prop:max 1`] = `
296
304
  <ui-view
297
305
  class="view texts"
298
306
  />
299
- <button
307
+ <ui-button
300
308
  class="pressable button small rounded squared secondary"
309
+ data-testid="button-min"
301
310
  tabindex="0"
302
311
  >
303
312
  <ui-icon
@@ -321,15 +330,16 @@ exports[`component:<InputNumber> prop:max 1`] = `
321
330
  />
322
331
  </svg>
323
332
  </ui-icon>
324
- </button>
333
+ </ui-button>
325
334
  <ui-text
326
335
  class="text paragraph value"
327
336
  >
328
337
  10
329
338
  </ui-text>
330
- <button
339
+ <ui-button
331
340
  class="pressable disabled button small rounded squared disabled"
332
- disabled=""
341
+ data-testid="button-max"
342
+ disabled="true"
333
343
  >
334
344
  <ui-icon
335
345
  class="icon headline-3"
@@ -352,7 +362,7 @@ exports[`component:<InputNumber> prop:max 1`] = `
352
362
  />
353
363
  </svg>
354
364
  </ui-icon>
355
- </button>
365
+ </ui-button>
356
366
  </ui-input-number>
357
367
  </DocumentFragment>
358
368
  `;
@@ -365,9 +375,10 @@ exports[`component:<InputNumber> prop:min 1`] = `
365
375
  <ui-view
366
376
  class="view texts"
367
377
  />
368
- <button
378
+ <ui-button
369
379
  class="pressable disabled button small rounded squared disabled"
370
- disabled=""
380
+ data-testid="button-min"
381
+ disabled="true"
371
382
  >
372
383
  <ui-icon
373
384
  class="icon headline-3"
@@ -390,14 +401,15 @@ exports[`component:<InputNumber> prop:min 1`] = `
390
401
  />
391
402
  </svg>
392
403
  </ui-icon>
393
- </button>
404
+ </ui-button>
394
405
  <ui-text
395
406
  class="text paragraph value"
396
407
  >
397
408
  10
398
409
  </ui-text>
399
- <button
410
+ <ui-button
400
411
  class="pressable button small rounded squared secondary"
412
+ data-testid="button-max"
401
413
  tabindex="0"
402
414
  >
403
415
  <ui-icon
@@ -421,7 +433,7 @@ exports[`component:<InputNumber> prop:min 1`] = `
421
433
  />
422
434
  </svg>
423
435
  </ui-icon>
424
- </button>
436
+ </ui-button>
425
437
  </ui-input-number>
426
438
  </DocumentFragment>
427
439
  `;
@@ -434,8 +446,9 @@ exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] =
434
446
  <ui-view
435
447
  class="view texts"
436
448
  />
437
- <button
449
+ <ui-button
438
450
  class="pressable button small rounded squared secondary"
451
+ data-testid="button-min"
439
452
  tabindex="0"
440
453
  >
441
454
  <ui-icon
@@ -459,14 +472,15 @@ exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] =
459
472
  />
460
473
  </svg>
461
474
  </ui-icon>
462
- </button>
475
+ </ui-button>
463
476
  <ui-text
464
477
  class="text paragraph value"
465
478
  >
466
479
  10
467
480
  </ui-text>
468
- <button
481
+ <ui-button
469
482
  class="pressable button small rounded squared secondary"
483
+ data-testid="button-max"
470
484
  tabindex="0"
471
485
  >
472
486
  <ui-icon
@@ -490,7 +504,7 @@ exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] =
490
504
  />
491
505
  </svg>
492
506
  </ui-icon>
493
- </button>
507
+ </ui-button>
494
508
  </ui-input-number>
495
509
  </DocumentFragment>
496
510
  `;
@@ -503,8 +517,9 @@ exports[`component:<InputNumber> prop:required 1`] = `
503
517
  <ui-view
504
518
  class="view texts"
505
519
  />
506
- <button
520
+ <ui-button
507
521
  class="pressable button small rounded squared secondary"
522
+ data-testid="button-min"
508
523
  tabindex="0"
509
524
  >
510
525
  <ui-icon
@@ -528,14 +543,15 @@ exports[`component:<InputNumber> prop:required 1`] = `
528
543
  />
529
544
  </svg>
530
545
  </ui-icon>
531
- </button>
546
+ </ui-button>
532
547
  <ui-text
533
548
  class="text paragraph value"
534
549
  >
535
550
  10
536
551
  </ui-text>
537
- <button
552
+ <ui-button
538
553
  class="pressable button small rounded squared secondary"
554
+ data-testid="button-max"
539
555
  tabindex="0"
540
556
  >
541
557
  <ui-icon
@@ -559,7 +575,7 @@ exports[`component:<InputNumber> prop:required 1`] = `
559
575
  />
560
576
  </svg>
561
577
  </ui-icon>
562
- </button>
578
+ </ui-button>
563
579
  </ui-input-number>
564
580
  </DocumentFragment>
565
581
  `;
@@ -572,8 +588,9 @@ exports[`component:<InputNumber> prop:rounded 1`] = `
572
588
  <ui-view
573
589
  class="view texts"
574
590
  />
575
- <button
591
+ <ui-button
576
592
  class="pressable button small rounded squared secondary"
593
+ data-testid="button-min"
577
594
  tabindex="0"
578
595
  >
579
596
  <ui-icon
@@ -597,14 +614,15 @@ exports[`component:<InputNumber> prop:rounded 1`] = `
597
614
  />
598
615
  </svg>
599
616
  </ui-icon>
600
- </button>
617
+ </ui-button>
601
618
  <ui-text
602
619
  class="text paragraph value"
603
620
  >
604
621
  10
605
622
  </ui-text>
606
- <button
623
+ <ui-button
607
624
  class="pressable button small rounded squared secondary"
625
+ data-testid="button-max"
608
626
  tabindex="0"
609
627
  >
610
628
  <ui-icon
@@ -628,7 +646,7 @@ exports[`component:<InputNumber> prop:rounded 1`] = `
628
646
  />
629
647
  </svg>
630
648
  </ui-icon>
631
- </button>
649
+ </ui-button>
632
650
  </ui-input-number>
633
651
  </DocumentFragment>
634
652
  `;
@@ -641,8 +659,9 @@ exports[`component:<InputNumber> prop:value 1`] = `
641
659
  <ui-view
642
660
  class="view texts"
643
661
  />
644
- <button
662
+ <ui-button
645
663
  class="pressable button small rounded squared secondary"
664
+ data-testid="button-min"
646
665
  tabindex="0"
647
666
  >
648
667
  <ui-icon
@@ -666,14 +685,15 @@ exports[`component:<InputNumber> prop:value 1`] = `
666
685
  />
667
686
  </svg>
668
687
  </ui-icon>
669
- </button>
688
+ </ui-button>
670
689
  <ui-text
671
690
  class="text paragraph value"
672
691
  >
673
692
  10
674
693
  </ui-text>
675
- <button
694
+ <ui-button
676
695
  class="pressable button small rounded squared secondary"
696
+ data-testid="button-max"
677
697
  tabindex="0"
678
698
  >
679
699
  <ui-icon
@@ -697,7 +717,7 @@ exports[`component:<InputNumber> prop:value 1`] = `
697
717
  />
698
718
  </svg>
699
719
  </ui-icon>
700
- </button>
720
+ </ui-button>
701
721
  </ui-input-number>
702
722
  </DocumentFragment>
703
723
  `;
@@ -710,9 +730,10 @@ exports[`component:<InputNumber> renders 1`] = `
710
730
  <ui-view
711
731
  class="view texts"
712
732
  />
713
- <button
733
+ <ui-button
714
734
  class="pressable disabled button small rounded squared disabled"
715
- disabled=""
735
+ data-testid="button-min"
736
+ disabled="true"
716
737
  >
717
738
  <ui-icon
718
739
  class="icon headline-3"
@@ -735,14 +756,15 @@ exports[`component:<InputNumber> renders 1`] = `
735
756
  />
736
757
  </svg>
737
758
  </ui-icon>
738
- </button>
759
+ </ui-button>
739
760
  <ui-text
740
761
  class="text paragraph value"
741
762
  >
742
763
  0
743
764
  </ui-text>
744
- <button
765
+ <ui-button
745
766
  class="pressable button small rounded squared secondary"
767
+ data-testid="button-max"
746
768
  tabindex="0"
747
769
  >
748
770
  <ui-icon
@@ -766,7 +788,7 @@ exports[`component:<InputNumber> renders 1`] = `
766
788
  />
767
789
  </svg>
768
790
  </ui-icon>
769
- </button>
791
+ </ui-button>
770
792
  </ui-input-number>
771
793
  </DocumentFragment>
772
794
  `;
@@ -780,9 +802,10 @@ exports[`component:<InputNumber> testId 1`] = `
780
802
  <ui-view
781
803
  class="view texts"
782
804
  />
783
- <button
805
+ <ui-button
784
806
  class="pressable disabled button small rounded squared disabled"
785
- disabled=""
807
+ data-testid="button-min"
808
+ disabled="true"
786
809
  >
787
810
  <ui-icon
788
811
  class="icon headline-3"
@@ -805,14 +828,15 @@ exports[`component:<InputNumber> testId 1`] = `
805
828
  />
806
829
  </svg>
807
830
  </ui-icon>
808
- </button>
831
+ </ui-button>
809
832
  <ui-text
810
833
  class="text paragraph value"
811
834
  >
812
835
  0
813
836
  </ui-text>
814
- <button
837
+ <ui-button
815
838
  class="pressable button small rounded squared secondary"
839
+ data-testid="button-max"
816
840
  tabindex="0"
817
841
  >
818
842
  <ui-icon
@@ -836,7 +860,7 @@ exports[`component:<InputNumber> testId 1`] = `
836
860
  />
837
861
  </svg>
838
862
  </ui-icon>
839
- </button>
863
+ </ui-button>
840
864
  </ui-input-number>
841
865
  </DocumentFragment>
842
866
  `;
package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap CHANGED
@@ -13,12 +13,12 @@ exports[`component:<Menu> prop:Template 1`] = `
13
13
  <ui-menu
14
14
  class="container"
15
15
  >
16
- <button
16
+ <ui-button
17
17
  class="pressable button"
18
18
  tabindex="0"
19
19
  >
20
20
  Action
21
- </button>
21
+ </ui-button>
22
22
  </ui-menu>
23
23
  </DocumentFragment>
24
24
  `;
@@ -28,12 +28,12 @@ exports[`component:<Menu> prop:children 1`] = `
28
28
  <ui-menu
29
29
  class="container"
30
30
  >
31
- <button
31
+ <ui-button
32
32
  class="pressable button"
33
33
  tabindex="0"
34
34
  >
35
35
  Action
36
- </button>
36
+ </ui-button>
37
37
  </ui-menu>
38
38
  </DocumentFragment>
39
39
  `;
@@ -43,12 +43,12 @@ exports[`component:<Menu> prop:options & visible 1`] = `
43
43
  <ui-menu
44
44
  class="container"
45
45
  >
46
- <button
46
+ <ui-button
47
47
  class="pressable button"
48
48
  tabindex="0"
49
49
  >
50
50
  Action
51
- </button>
51
+ </ui-button>
52
52
  </ui-menu>
53
53
  <ui-menu-content
54
54
  class="layer"
@@ -168,12 +168,12 @@ exports[`component:<Menu> prop:options & visible 1`] = `
168
168
  >
169
169
  Item 4
170
170
  </ui-text>
171
- <button
171
+ <ui-button
172
172
  class="pressable button small"
173
173
  tabindex="0"
174
174
  >
175
175
  Add
176
- </button>
176
+ </ui-button>
177
177
  </ui-view>
178
178
  </ui-pressable>
179
179
  <ui-pressable
@@ -183,12 +183,12 @@ exports[`component:<Menu> prop:options & visible 1`] = `
183
183
  <ui-view
184
184
  class="view row wide content"
185
185
  >
186
- <button
186
+ <ui-button
187
187
  class="pressable button"
188
188
  tabindex="0"
189
189
  >
190
190
  Add
191
- </button>
191
+ </ui-button>
192
192
  </ui-view>
193
193
  </ui-pressable>
194
194
  </div>
@@ -201,12 +201,12 @@ exports[`component:<Menu> prop:options 1`] = `
201
201
  <ui-menu
202
202
  class="container"
203
203
  >
204
- <button
204
+ <ui-button
205
205
  class="pressable button"
206
206
  tabindex="0"
207
207
  >
208
208
  Action
209
- </button>
209
+ </ui-button>
210
210
  </ui-menu>
211
211
  </DocumentFragment>
212
212
  `;
@@ -216,12 +216,12 @@ exports[`component:<Menu> prop:title 1`] = `
216
216
  <ui-menu
217
217
  class="container"
218
218
  >
219
- <button
219
+ <ui-button
220
220
  class="pressable button"
221
221
  tabindex="0"
222
222
  >
223
223
  Action
224
- </button>
224
+ </ui-button>
225
225
  </ui-menu>
226
226
  <ui-menu-content
227
227
  class="layer"
package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap CHANGED
@@ -15,7 +15,7 @@ exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
15
15
  <ui-view
16
16
  class="view row header hideBack"
17
17
  >
18
- <button
18
+ <ui-button
19
19
  class="pressable button small squared transparent button"
20
20
  data-testid="mirai-onClose-button-close"
21
21
  tabindex="0"
@@ -42,7 +42,7 @@ exports[`component:<Modal> Mobile environment prop:onClose 1`] = `
42
42
  />
43
43
  </svg>
44
44
  </ui-icon>
45
- </button>
45
+ </ui-button>
46
46
  </ui-view>
47
47
  </ui-modal>
48
48
  </ui-modal-overflow>
@@ -140,7 +140,7 @@ exports[`component:<Modal> prop:onBack 1`] = `
140
140
  <ui-view
141
141
  class="view row header hideClose"
142
142
  >
143
- <button
143
+ <ui-button
144
144
  class="pressable button small squared transparent"
145
145
  data-testid="mirai-onBack-button-back"
146
146
  tabindex="0"
@@ -166,7 +166,7 @@ exports[`component:<Modal> prop:onBack 1`] = `
166
166
  />
167
167
  </svg>
168
168
  </ui-icon>
169
- </button>
169
+ </ui-button>
170
170
  </ui-view>
171
171
  </ui-modal>
172
172
  </ui-modal-overflow>
@@ -188,7 +188,7 @@ exports[`component:<Modal> prop:onClose 1`] = `
188
188
  <ui-view
189
189
  class="view row header hideBack"
190
190
  >
191
- <button
191
+ <ui-button
192
192
  class="pressable button small squared transparent button"
193
193
  data-testid="mirai-onClose-button-close"
194
194
  tabindex="0"
@@ -215,7 +215,7 @@ exports[`component:<Modal> prop:onClose 1`] = `
215
215
  />
216
216
  </svg>
217
217
  </ui-icon>
218
- </button>
218
+ </ui-button>
219
219
  </ui-view>
220
220
  </ui-modal>
221
221
  </ui-modal-overflow>