@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/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap CHANGED
@@ -755,7 +755,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
755
755
  >
756
756
  mayo 1980
757
757
  </ui-text>
758
- <button
758
+ <ui-button
759
759
  class="pressable button small squared transparent"
760
760
  tabindex="0"
761
761
  >
@@ -780,7 +780,7 @@ exports[`component:<Calendar> desktop environment prop:captions 1`] = `
780
780
  />
781
781
  </svg>
782
782
  </ui-icon>
783
- </button>
783
+ </ui-button>
784
784
  </ui-view>
785
785
  <ui-calendar-weekdays
786
786
  class="view forceRow weekdays"
@@ -2131,7 +2131,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
2131
2131
  >
2132
2132
  mayo 1980
2133
2133
  </ui-text>
2134
- <button
2134
+ <ui-button
2135
2135
  class="pressable button small squared transparent"
2136
2136
  tabindex="0"
2137
2137
  >
@@ -2156,7 +2156,7 @@ exports[`component:<Calendar> desktop environment prop:disabledDates 1`] = `
2156
2156
  />
2157
2157
  </svg>
2158
2158
  </ui-icon>
2159
- </button>
2159
+ </ui-button>
2160
2160
  </ui-view>
2161
2161
  <ui-calendar-weekdays
2162
2162
  class="view forceRow weekdays"
@@ -2761,7 +2761,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
2761
2761
  <ui-view
2762
2762
  class="view forceRow header"
2763
2763
  >
2764
- <button
2764
+ <ui-button
2765
2765
  class="pressable button small squared transparent"
2766
2766
  tabindex="0"
2767
2767
  >
@@ -2786,7 +2786,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
2786
2786
  />
2787
2787
  </svg>
2788
2788
  </ui-icon>
2789
- </button>
2789
+ </ui-button>
2790
2790
  <ui-text
2791
2791
  class="text bold paragraph title"
2792
2792
  >
@@ -3408,7 +3408,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
3408
3408
  >
3409
3409
  mayo 1980
3410
3410
  </ui-text>
3411
- <button
3411
+ <ui-button
3412
3412
  class="pressable button small squared transparent"
3413
3413
  tabindex="0"
3414
3414
  >
@@ -3433,7 +3433,7 @@ exports[`component:<Calendar> desktop environment prop:disabledPast 1`] = `
3433
3433
  />
3434
3434
  </svg>
3435
3435
  </ui-icon>
3436
- </button>
3436
+ </ui-button>
3437
3437
  </ui-view>
3438
3438
  <ui-calendar-weekdays
3439
3439
  class="view forceRow weekdays"
@@ -4660,7 +4660,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
4660
4660
  >
4661
4661
  mayo 1980
4662
4662
  </ui-text>
4663
- <button
4663
+ <ui-button
4664
4664
  class="pressable button small squared transparent"
4665
4665
  tabindex="0"
4666
4666
  >
@@ -4685,7 +4685,7 @@ exports[`component:<Calendar> desktop environment prop:format 1`] = `
4685
4685
  />
4686
4686
  </svg>
4687
4687
  </ui-icon>
4688
- </button>
4688
+ </ui-button>
4689
4689
  </ui-view>
4690
4690
  <ui-calendar-weekdays
4691
4691
  class="view forceRow weekdays"
@@ -5881,7 +5881,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
5881
5881
  >
5882
5882
  mayo 1980
5883
5883
  </ui-text>
5884
- <button
5884
+ <ui-button
5885
5885
  class="pressable button small squared transparent"
5886
5886
  tabindex="0"
5887
5887
  >
@@ -5906,7 +5906,7 @@ exports[`component:<Calendar> desktop environment prop:from 1`] = `
5906
5906
  />
5907
5907
  </svg>
5908
5908
  </ui-icon>
5909
- </button>
5909
+ </ui-button>
5910
5910
  </ui-view>
5911
5911
  <ui-calendar-weekdays
5912
5912
  class="view forceRow weekdays"
@@ -7102,7 +7102,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
7102
7102
  >
7103
7103
  mayo 1980
7104
7104
  </ui-text>
7105
- <button
7105
+ <ui-button
7106
7106
  class="pressable button small squared transparent"
7107
7107
  tabindex="0"
7108
7108
  >
@@ -7127,7 +7127,7 @@ exports[`component:<Calendar> desktop environment prop:highlights 1`] = `
7127
7127
  />
7128
7128
  </svg>
7129
7129
  </ui-icon>
7130
- </button>
7130
+ </ui-button>
7131
7131
  </ui-view>
7132
7132
  <ui-calendar-weekdays
7133
7133
  class="view forceRow weekdays"
@@ -8323,7 +8323,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
8323
8323
  >
8324
8324
  mayo 1980
8325
8325
  </ui-text>
8326
- <button
8326
+ <ui-button
8327
8327
  class="pressable button small squared transparent"
8328
8328
  tabindex="0"
8329
8329
  >
@@ -8348,7 +8348,7 @@ exports[`component:<Calendar> desktop environment prop:locale 1`] = `
8348
8348
  />
8349
8349
  </svg>
8350
8350
  </ui-icon>
8351
- </button>
8351
+ </ui-button>
8352
8352
  </ui-view>
8353
8353
  <ui-calendar-weekdays
8354
8354
  class="view forceRow weekdays"
@@ -9544,7 +9544,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
9544
9544
  >
9545
9545
  May 1980
9546
9546
  </ui-text>
9547
- <button
9547
+ <ui-button
9548
9548
  class="pressable button small squared transparent"
9549
9549
  tabindex="0"
9550
9550
  >
@@ -9569,7 +9569,7 @@ exports[`component:<Calendar> desktop environment prop:locale en-US 1`] = `
9569
9569
  />
9570
9570
  </svg>
9571
9571
  </ui-icon>
9572
- </button>
9572
+ </ui-button>
9573
9573
  </ui-view>
9574
9574
  <ui-calendar-weekdays
9575
9575
  class="view forceRow weekdays"
@@ -11361,7 +11361,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
11361
11361
  >
11362
11362
  junio 1980
11363
11363
  </ui-text>
11364
- <button
11364
+ <ui-button
11365
11365
  class="pressable button small squared transparent"
11366
11366
  tabindex="0"
11367
11367
  >
@@ -11386,7 +11386,7 @@ exports[`component:<Calendar> desktop environment prop:months 1`] = `
11386
11386
  />
11387
11387
  </svg>
11388
11388
  </ui-icon>
11389
- </button>
11389
+ </ui-button>
11390
11390
  </ui-view>
11391
11391
  <ui-calendar-weekdays
11392
11392
  class="view forceRow weekdays"
@@ -12572,7 +12572,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
12572
12572
  >
12573
12573
  mayo 1980
12574
12574
  </ui-text>
12575
- <button
12575
+ <ui-button
12576
12576
  class="pressable button small squared transparent"
12577
12577
  tabindex="0"
12578
12578
  >
@@ -12597,7 +12597,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:disabledDates
12597
12597
  />
12598
12598
  </svg>
12599
12599
  </ui-icon>
12600
- </button>
12600
+ </ui-button>
12601
12601
  </ui-view>
12602
12602
  <ui-calendar-weekdays
12603
12603
  class="view forceRow weekdays"
@@ -13793,7 +13793,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
13793
13793
  >
13794
13794
  mayo 1980
13795
13795
  </ui-text>
13796
- <button
13796
+ <ui-button
13797
13797
  class="pressable button small squared transparent"
13798
13798
  tabindex="0"
13799
13799
  >
@@ -13818,7 +13818,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMaxDays 1
13818
13818
  />
13819
13819
  </svg>
13820
13820
  </ui-icon>
13821
- </button>
13821
+ </ui-button>
13822
13822
  </ui-view>
13823
13823
  <ui-calendar-weekdays
13824
13824
  class="view forceRow weekdays"
@@ -15014,7 +15014,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
15014
15014
  >
15015
15015
  mayo 1980
15016
15016
  </ui-text>
15017
- <button
15017
+ <ui-button
15018
15018
  class="pressable button small squared transparent"
15019
15019
  tabindex="0"
15020
15020
  >
@@ -15039,7 +15039,7 @@ exports[`component:<Calendar> desktop environment prop:range prop:rangeMinDays 1
15039
15039
  />
15040
15040
  </svg>
15041
15041
  </ui-icon>
15042
- </button>
15042
+ </ui-button>
15043
15043
  </ui-view>
15044
15044
  <ui-calendar-weekdays
15045
15045
  class="view forceRow weekdays"
@@ -16235,7 +16235,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
16235
16235
  >
16236
16236
  mayo 1980
16237
16237
  </ui-text>
16238
- <button
16238
+ <ui-button
16239
16239
  class="pressable button small squared transparent"
16240
16240
  tabindex="0"
16241
16241
  >
@@ -16260,7 +16260,7 @@ exports[`component:<Calendar> desktop environment prop:range renders 1`] = `
16260
16260
  />
16261
16261
  </svg>
16262
16262
  </ui-icon>
16263
- </button>
16263
+ </ui-button>
16264
16264
  </ui-view>
16265
16265
  <ui-calendar-weekdays
16266
16266
  class="view forceRow weekdays"
@@ -18651,7 +18651,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
18651
18651
  >
18652
18652
  mayo 1980
18653
18653
  </ui-text>
18654
- <button
18654
+ <ui-button
18655
18655
  class="pressable button small squared transparent"
18656
18656
  tabindex="0"
18657
18657
  >
@@ -18676,7 +18676,7 @@ exports[`component:<Calendar> desktop environment renders 1`] = `
18676
18676
  />
18677
18677
  </svg>
18678
18678
  </ui-icon>
18679
- </button>
18679
+ </ui-button>
18680
18680
  </ui-view>
18681
18681
  <ui-calendar-weekdays
18682
18682
  class="view forceRow weekdays"
@@ -19872,7 +19872,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
19872
19872
  >
19873
19873
  mayo 1980
19874
19874
  </ui-text>
19875
- <button
19875
+ <ui-button
19876
19876
  class="pressable button small squared transparent"
19877
19877
  tabindex="0"
19878
19878
  >
@@ -19897,7 +19897,7 @@ exports[`component:<Calendar> inherit:className 1`] = `
19897
19897
  />
19898
19898
  </svg>
19899
19899
  </ui-icon>
19900
- </button>
19900
+ </ui-button>
19901
19901
  </ui-view>
19902
19902
  <ui-calendar-weekdays
19903
19903
  class="view forceRow weekdays"
@@ -21243,7 +21243,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
21243
21243
  >
21244
21244
  mayo 1980
21245
21245
  </ui-text>
21246
- <button
21246
+ <ui-button
21247
21247
  class="pressable button small squared transparent"
21248
21248
  tabindex="0"
21249
21249
  >
@@ -21268,7 +21268,7 @@ exports[`component:<Calendar> mobile environment prop:captions 1`] = `
21268
21268
  />
21269
21269
  </svg>
21270
21270
  </ui-icon>
21271
- </button>
21271
+ </ui-button>
21272
21272
  </ui-view>
21273
21273
  <ui-calendar-weekdays
21274
21274
  class="view forceRow weekdays"
@@ -22619,7 +22619,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
22619
22619
  >
22620
22620
  mayo 1980
22621
22621
  </ui-text>
22622
- <button
22622
+ <ui-button
22623
22623
  class="pressable button small squared transparent"
22624
22624
  tabindex="0"
22625
22625
  >
@@ -22644,7 +22644,7 @@ exports[`component:<Calendar> mobile environment prop:disabledDates 1`] = `
22644
22644
  />
22645
22645
  </svg>
22646
22646
  </ui-icon>
22647
- </button>
22647
+ </ui-button>
22648
22648
  </ui-view>
22649
22649
  <ui-calendar-weekdays
22650
22650
  class="view forceRow weekdays"
@@ -23249,7 +23249,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
23249
23249
  <ui-view
23250
23250
  class="view forceRow header"
23251
23251
  >
23252
- <button
23252
+ <ui-button
23253
23253
  class="pressable button small squared transparent"
23254
23254
  tabindex="0"
23255
23255
  >
@@ -23274,7 +23274,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
23274
23274
  />
23275
23275
  </svg>
23276
23276
  </ui-icon>
23277
- </button>
23277
+ </ui-button>
23278
23278
  <ui-text
23279
23279
  class="text bold paragraph title"
23280
23280
  >
@@ -23896,7 +23896,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
23896
23896
  >
23897
23897
  mayo 1980
23898
23898
  </ui-text>
23899
- <button
23899
+ <ui-button
23900
23900
  class="pressable button small squared transparent"
23901
23901
  tabindex="0"
23902
23902
  >
@@ -23921,7 +23921,7 @@ exports[`component:<Calendar> mobile environment prop:disabledPast 1`] = `
23921
23921
  />
23922
23922
  </svg>
23923
23923
  </ui-icon>
23924
- </button>
23924
+ </ui-button>
23925
23925
  </ui-view>
23926
23926
  <ui-calendar-weekdays
23927
23927
  class="view forceRow weekdays"
@@ -25148,7 +25148,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
25148
25148
  >
25149
25149
  mayo 1980
25150
25150
  </ui-text>
25151
- <button
25151
+ <ui-button
25152
25152
  class="pressable button small squared transparent"
25153
25153
  tabindex="0"
25154
25154
  >
@@ -25173,7 +25173,7 @@ exports[`component:<Calendar> mobile environment prop:format 1`] = `
25173
25173
  />
25174
25174
  </svg>
25175
25175
  </ui-icon>
25176
- </button>
25176
+ </ui-button>
25177
25177
  </ui-view>
25178
25178
  <ui-calendar-weekdays
25179
25179
  class="view forceRow weekdays"
@@ -26369,7 +26369,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
26369
26369
  >
26370
26370
  mayo 1980
26371
26371
  </ui-text>
26372
- <button
26372
+ <ui-button
26373
26373
  class="pressable button small squared transparent"
26374
26374
  tabindex="0"
26375
26375
  >
@@ -26394,7 +26394,7 @@ exports[`component:<Calendar> mobile environment prop:from 1`] = `
26394
26394
  />
26395
26395
  </svg>
26396
26396
  </ui-icon>
26397
- </button>
26397
+ </ui-button>
26398
26398
  </ui-view>
26399
26399
  <ui-calendar-weekdays
26400
26400
  class="view forceRow weekdays"
@@ -27590,7 +27590,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
27590
27590
  >
27591
27591
  mayo 1980
27592
27592
  </ui-text>
27593
- <button
27593
+ <ui-button
27594
27594
  class="pressable button small squared transparent"
27595
27595
  tabindex="0"
27596
27596
  >
@@ -27615,7 +27615,7 @@ exports[`component:<Calendar> mobile environment prop:highlights 1`] = `
27615
27615
  />
27616
27616
  </svg>
27617
27617
  </ui-icon>
27618
- </button>
27618
+ </ui-button>
27619
27619
  </ui-view>
27620
27620
  <ui-calendar-weekdays
27621
27621
  class="view forceRow weekdays"
@@ -28811,7 +28811,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
28811
28811
  >
28812
28812
  mayo 1980
28813
28813
  </ui-text>
28814
- <button
28814
+ <ui-button
28815
28815
  class="pressable button small squared transparent"
28816
28816
  tabindex="0"
28817
28817
  >
@@ -28836,7 +28836,7 @@ exports[`component:<Calendar> mobile environment prop:locale 1`] = `
28836
28836
  />
28837
28837
  </svg>
28838
28838
  </ui-icon>
28839
- </button>
28839
+ </ui-button>
28840
28840
  </ui-view>
28841
28841
  <ui-calendar-weekdays
28842
28842
  class="view forceRow weekdays"
@@ -30032,7 +30032,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
30032
30032
  >
30033
30033
  May 1980
30034
30034
  </ui-text>
30035
- <button
30035
+ <ui-button
30036
30036
  class="pressable button small squared transparent"
30037
30037
  tabindex="0"
30038
30038
  >
@@ -30057,7 +30057,7 @@ exports[`component:<Calendar> mobile environment prop:locale en-US 1`] = `
30057
30057
  />
30058
30058
  </svg>
30059
30059
  </ui-icon>
30060
- </button>
30060
+ </ui-button>
30061
30061
  </ui-view>
30062
30062
  <ui-calendar-weekdays
30063
30063
  class="view forceRow weekdays"
@@ -31849,7 +31849,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
31849
31849
  >
31850
31850
  junio 1980
31851
31851
  </ui-text>
31852
- <button
31852
+ <ui-button
31853
31853
  class="pressable button small squared transparent"
31854
31854
  tabindex="0"
31855
31855
  >
@@ -31874,7 +31874,7 @@ exports[`component:<Calendar> mobile environment prop:months 1`] = `
31874
31874
  />
31875
31875
  </svg>
31876
31876
  </ui-icon>
31877
- </button>
31877
+ </ui-button>
31878
31878
  </ui-view>
31879
31879
  <ui-calendar-weekdays
31880
31880
  class="view forceRow weekdays"
@@ -33060,7 +33060,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
33060
33060
  >
33061
33061
  mayo 1980
33062
33062
  </ui-text>
33063
- <button
33063
+ <ui-button
33064
33064
  class="pressable button small squared transparent"
33065
33065
  tabindex="0"
33066
33066
  >
@@ -33085,7 +33085,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:disabledDates 1
33085
33085
  />
33086
33086
  </svg>
33087
33087
  </ui-icon>
33088
- </button>
33088
+ </ui-button>
33089
33089
  </ui-view>
33090
33090
  <ui-calendar-weekdays
33091
33091
  class="view forceRow weekdays"
@@ -34281,7 +34281,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
34281
34281
  >
34282
34282
  mayo 1980
34283
34283
  </ui-text>
34284
- <button
34284
+ <ui-button
34285
34285
  class="pressable button small squared transparent"
34286
34286
  tabindex="0"
34287
34287
  >
@@ -34306,7 +34306,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMaxDays 1`
34306
34306
  />
34307
34307
  </svg>
34308
34308
  </ui-icon>
34309
- </button>
34309
+ </ui-button>
34310
34310
  </ui-view>
34311
34311
  <ui-calendar-weekdays
34312
34312
  class="view forceRow weekdays"
@@ -35502,7 +35502,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
35502
35502
  >
35503
35503
  mayo 1980
35504
35504
  </ui-text>
35505
- <button
35505
+ <ui-button
35506
35506
  class="pressable button small squared transparent"
35507
35507
  tabindex="0"
35508
35508
  >
@@ -35527,7 +35527,7 @@ exports[`component:<Calendar> mobile environment prop:range prop:rangeMinDays 1`
35527
35527
  />
35528
35528
  </svg>
35529
35529
  </ui-icon>
35530
- </button>
35530
+ </ui-button>
35531
35531
  </ui-view>
35532
35532
  <ui-calendar-weekdays
35533
35533
  class="view forceRow weekdays"
@@ -36723,7 +36723,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
36723
36723
  >
36724
36724
  mayo 1980
36725
36725
  </ui-text>
36726
- <button
36726
+ <ui-button
36727
36727
  class="pressable button small squared transparent"
36728
36728
  tabindex="0"
36729
36729
  >
@@ -36748,7 +36748,7 @@ exports[`component:<Calendar> mobile environment prop:range renders 1`] = `
36748
36748
  />
36749
36749
  </svg>
36750
36750
  </ui-icon>
36751
- </button>
36751
+ </ui-button>
36752
36752
  </ui-view>
36753
36753
  <ui-calendar-weekdays
36754
36754
  class="view forceRow weekdays"
@@ -39139,7 +39139,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
39139
39139
  >
39140
39140
  mayo 1980
39141
39141
  </ui-text>
39142
- <button
39142
+ <ui-button
39143
39143
  class="pressable button small squared transparent"
39144
39144
  tabindex="0"
39145
39145
  >
@@ -39164,7 +39164,7 @@ exports[`component:<Calendar> mobile environment renders 1`] = `
39164
39164
  />
39165
39165
  </svg>
39166
39166
  </ui-icon>
39167
- </button>
39167
+ </ui-button>
39168
39168
  </ui-view>
39169
39169
  <ui-calendar-weekdays
39170
39170
  class="view forceRow weekdays"
@@ -40361,7 +40361,7 @@ exports[`component:<Calendar> testId 1`] = `
40361
40361
  >
40362
40362
  mayo 1980
40363
40363
  </ui-text>
40364
- <button
40364
+ <ui-button
40365
40365
  class="pressable button small squared transparent"
40366
40366
  data-testid="mirai-next"
40367
40367
  tabindex="0"
@@ -40387,7 +40387,7 @@ exports[`component:<Calendar> testId 1`] = `
40387
40387
  />
40388
40388
  </svg>
40389
40389
  </ui-icon>
40390
- </button>
40390
+ </ui-button>
40391
40391
  </ui-view>
40392
40392
  <ui-calendar-weekdays
40393
40393
  class="view forceRow weekdays"
package/build/components/InputNumber/InputNumber.js CHANGED
@@ -66,7 +66,8 @@ var InputNumber = function InputNumber(_ref) {
66
66
  onPress: function onPress() {
67
67
  return onChange(value - step, name);
68
68
  },
69
- "aria-label": ariaRemove
69
+ "aria-label": ariaRemove,
70
+ testId: "button-min"
70
71
  }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
71
72
  value: _primitives.ICON.REMOVE
72
73
  })), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
@@ -80,7 +81,8 @@ var InputNumber = function InputNumber(_ref) {
80
81
  onPress: function onPress() {
81
82
  return onChange(value + step, name);
82
83
  },
83
- "aria-label": ariaAdd
84
+ "aria-label": ariaAdd,
85
+ testId: "button-max"
84
86
  }, /*#__PURE__*/_react.default.createElement(_primitives.Icon, {
85
87
  value: _primitives.ICON.ADD
86
88
  })));
package/build/components/InputNumber/InputNumber.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","required","rounded","showRequired","step","value","onChange","aria","buttonAdd","ariaAdd","buttonRemove","ariaRemove","others","styles","style","inputNumber","className","texts","ICON","REMOVE","ADD","displayName","propTypes","PropTypes","bool","oneOfType","string","array","number","isRequired","func","shape"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport { Hint, Label } from '../InputText/partials';\nimport style from './InputNumber.module.css';\n\nconst InputNumber = ({\n disabled,\n hint,\n label,\n max,\n min = 0,\n name,\n required,\n rounded = true,\n showRequired = false,\n step = 1,\n value = 0,\n onChange = () => {},\n aria: { buttonAdd: ariaAdd = 'Add', buttonRemove: ariaRemove = 'Remove' } = {},\n ...others\n}) => (\n <View {...others} tag=\"input-number\" row className={styles(style.inputNumber, others.className)}>\n <View className={style.texts}>\n {label && <Label {...{ disabled, label, required: showRequired && required }} className={style.label} />}\n {hint && <Hint {...{ disabled, hint }} className={style.hint} />}\n </View>\n <Button\n disabled={disabled || value <= min}\n rounded={rounded}\n secondary\n small\n squared\n onPress={() => onChange(value - step, name)}\n aria-label={ariaRemove}\n >\n <Icon value={ICON.REMOVE} />\n </Button>\n <Text className={styles(style.value, disabled && style.disabled)}>{typeof value === 'number' ? value : min}</Text>\n <Button\n disabled={disabled || value >= max}\n rounded={rounded}\n secondary\n small\n squared\n onPress={() => onChange(value + step, name)}\n aria-label={ariaAdd}\n >\n <Icon value={ICON.ADD} />\n </Button>\n </View>\n);\n\nInputNumber.displayName = 'Component:InputNumber';\n\nInputNumber.propTypes = {\n disabled: PropTypes.bool,\n hint: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n label: PropTypes.string,\n max: PropTypes.number,\n min: PropTypes.number,\n name: PropTypes.string.isRequired,\n required: PropTypes.bool,\n rounded: PropTypes.bool,\n showRequired: PropTypes.bool,\n step: PropTypes.number,\n value: PropTypes.number,\n onChange: PropTypes.func,\n aria: PropTypes.shape({\n buttonAdd: PropTypes.string,\n buttonRemove: PropTypes.string,\n }),\n};\n\nexport { InputNumber };\n"],"mappings":"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"}
1
+ {"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","required","rounded","showRequired","step","value","onChange","aria","buttonAdd","ariaAdd","buttonRemove","ariaRemove","others","styles","style","inputNumber","className","texts","ICON","REMOVE","ADD","displayName","propTypes","PropTypes","bool","oneOfType","string","array","number","isRequired","func","shape"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport { Hint, Label } from '../InputText/partials';\nimport style from './InputNumber.module.css';\n\nconst InputNumber = ({\n disabled,\n hint,\n label,\n max,\n min = 0,\n name,\n required,\n rounded = true,\n showRequired = false,\n step = 1,\n value = 0,\n onChange = () => {},\n aria: { buttonAdd: ariaAdd = 'Add', buttonRemove: ariaRemove = 'Remove' } = {},\n ...others\n}) => (\n <View {...others} tag=\"input-number\" row className={styles(style.inputNumber, others.className)}>\n <View className={style.texts}>\n {label && <Label {...{ disabled, label, required: showRequired && required }} className={style.label} />}\n {hint && <Hint {...{ disabled, hint }} className={style.hint} />}\n </View>\n <Button\n disabled={disabled || value <= min}\n rounded={rounded}\n secondary\n small\n squared\n onPress={() => onChange(value - step, name)}\n aria-label={ariaRemove}\n testId=\"button-min\"\n >\n <Icon value={ICON.REMOVE} />\n </Button>\n <Text className={styles(style.value, disabled && style.disabled)}>{typeof value === 'number' ? value : min}</Text>\n <Button\n disabled={disabled || value >= max}\n rounded={rounded}\n secondary\n small\n squared\n onPress={() => onChange(value + step, name)}\n aria-label={ariaAdd}\n testId=\"button-max\"\n >\n <Icon value={ICON.ADD} />\n </Button>\n </View>\n);\n\nInputNumber.displayName = 'Component:InputNumber';\n\nInputNumber.propTypes = {\n disabled: PropTypes.bool,\n hint: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n label: PropTypes.string,\n max: PropTypes.number,\n min: PropTypes.number,\n name: PropTypes.string.isRequired,\n required: PropTypes.bool,\n rounded: PropTypes.bool,\n showRequired: PropTypes.bool,\n step: PropTypes.number,\n value: PropTypes.number,\n onChange: PropTypes.func,\n aria: PropTypes.shape({\n buttonAdd: PropTypes.string,\n buttonRemove: PropTypes.string,\n }),\n};\n\nexport { InputNumber };\n"],"mappings":"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"}