@mirai/core 0.3.238 → 0.3.240

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 (56) hide show
  1. package/build/components/BannerLoyalty/BannerLoyalty.module.css +1 -1
  2. package/build/components/Booking/__tests__/__snapshots__/Booking.test.js.snap +5 -5
  3. package/build/components/Booking/components/Field/Field.module.css +3 -3
  4. package/build/components/Booking/partials/__tests__/__snapshots__/Booking.Menu.test.js.snap +4 -4
  5. package/build/components/Chat/Chat.module.css +1 -1
  6. package/build/components/Checkout/Checkout.module.css +1 -1
  7. package/build/components/Checkout/__tests__/__snapshots__/Checkout.test.js.snap +8 -8
  8. package/build/components/Deals/Deals.module.css +1 -1
  9. package/build/components/Deals/__tests__/__snapshots__/Deals.Calendar.test.js.snap +27 -27
  10. package/build/components/Deals/__tests__/__snapshots__/Deals.test.js.snap +52 -52
  11. package/build/components/Environment/Environment.module.css +1 -1
  12. package/build/components/Finder/Finder.module.css +13 -4
  13. package/build/components/Finder/__tests__/__snapshots__/Finder.test.js.snap +182 -182
  14. package/build/components/Finder/components/Calendar/__tests__/__snapshots__/Calendar.test.js.snap +81 -81
  15. package/build/components/Header/Header.js +7 -3
  16. package/build/components/Header/Header.js.map +1 -1
  17. package/build/components/Header/Header.l10n.js +2 -1
  18. package/build/components/Header/Header.l10n.js.map +1 -1
  19. package/build/components/Header/Header.module.css +6 -2
  20. package/build/components/Header/components/BookingProcess/BookingProcess.module.css +1 -1
  21. package/build/components/Rates/Rates.js +1 -1
  22. package/build/components/Rates/Rates.js.map +1 -1
  23. package/build/components/Rates/Rates.module.css +5 -5
  24. package/build/components/Rates/components/CardHotel/CardHotel.module.css +3 -3
  25. package/build/components/Rates/components/Item/Item.module.css +9 -9
  26. package/build/components/Rates/components/Item/components/Amenities/Amenities.module.css +2 -2
  27. package/build/components/Rates/components/Item/components/Features/Features.module.css +1 -1
  28. package/build/components/Rates/components/Item/components/ModalRateInfo/ModalRateInfo.module.css +1 -1
  29. package/build/components/Rates/components/Item/components/Option/Option.module.css +5 -5
  30. package/build/components/Rates/components/Item/components/PriceDetails/PriceDetails.module.css +2 -2
  31. package/build/components/Rates/components/Item/components/RateDetails/RateDetails.module.css +6 -6
  32. package/build/components/Rates/components/Item/components/Slider/Slider.module.css +1 -1
  33. package/build/components/Rates/components/ModalExtras/ModalExtras.module.css +3 -3
  34. package/build/components/Session/Session.Account.Info.js +39 -0
  35. package/build/components/Session/Session.Account.Info.js.map +1 -0
  36. package/build/components/Session/Session.Account.js +17 -12
  37. package/build/components/Session/Session.Account.js.map +1 -1
  38. package/build/components/Session/Session.module.css +13 -5
  39. package/build/components/Session/__tests__/__snapshots__/Session.test.js.snap +2 -2
  40. package/build/components/Signup/__tests__/__snapshots__/Signup.test.js.snap +3 -3
  41. package/build/components/__shared__/BookingTable/BookingTable.module.css +3 -3
  42. package/build/components/__shared__/ButtonPayment/components/FormSipay/__tests__/__snapshots__/FormSipay.test.js.snap +3 -3
  43. package/build/components/__shared__/Field/Field.module.css +4 -1
  44. package/build/components/__shared__/Field/__tests__/__snapshots__/Field.test.js.snap +3 -3
  45. package/build/components/__shared__/FieldOccupation/__tests__/__snapshots__/FieldOccupation.test.js.snap +36 -36
  46. package/build/components/__shared__/NotificationRequiredFields/NotificationRequiredFields.module.css +1 -1
  47. package/build/components/__shared__/Occupation/Occupation.Group.js +1 -2
  48. package/build/components/__shared__/Occupation/Occupation.Group.js.map +1 -1
  49. package/build/components/__shared__/Occupation/__tests__/__snapshots__/Occupation.test.js.snap +62 -62
  50. package/build/components/__shared__/Payment/Payment.module.css +1 -1
  51. package/build/components/__shared__/SelectEnvironment/SelectEnvironment.js +2 -0
  52. package/build/components/__shared__/SelectEnvironment/SelectEnvironment.js.map +1 -1
  53. package/build/components/__shared__/SelectEnvironment/SelectEnvironment.module.css +1 -1
  54. package/build/components/__shared__/SelectEnvironment/__tests__/__snapshots__/SelectEnvironment.test.js.snap +6 -6
  55. package/package.json +3 -3
  56. package/public/themes/monalisa.theme.css +7 -6
@@ -36,7 +36,7 @@
36
36
  }
37
37
 
38
38
  .list {
39
- gap: calc(var(--mirai-ui-space-XS) / 2);
39
+ gap: var(--mirai-ui-space-XXS);
40
40
  margin-bottom: var(--mirai-ui-space-S);
41
41
  }
42
42
 
@@ -24,7 +24,7 @@ exports[`component:<Booking> inherit:className 1`] = `
24
24
  class="view row"
25
25
  >
26
26
  <span
27
- class="icon headline-3"
27
+ class="icon headline-2"
28
28
  >
29
29
  <svg
30
30
  fill="currentColor"
@@ -258,7 +258,7 @@ exports[`component:<Booking> prop:skeleton 1`] = `
258
258
  class="view row"
259
259
  >
260
260
  <span
261
- class="icon headline-3"
261
+ class="icon headline-2"
262
262
  >
263
263
  <svg
264
264
  fill="currentColor"
@@ -492,7 +492,7 @@ exports[`component:<Booking> renders 1`] = `
492
492
  class="view row"
493
493
  >
494
494
  <span
495
- class="icon headline-3"
495
+ class="icon headline-2"
496
496
  >
497
497
  <svg
498
498
  fill="currentColor"
@@ -726,7 +726,7 @@ exports[`component:<Booking> testID 1`] = `
726
726
  class="view row"
727
727
  >
728
728
  <span
729
- class="icon headline-3"
729
+ class="icon headline-2"
730
730
  >
731
731
  <svg
732
732
  fill="currentColor"
@@ -961,7 +961,7 @@ exports[`component:<Booking> with a store 1`] = `
961
961
  class="view row"
962
962
  >
963
963
  <span
964
- class="icon headline-3"
964
+ class="icon headline-2"
965
965
  >
966
966
  <svg
967
967
  fill="currentColor"
@@ -28,11 +28,11 @@
28
28
  }
29
29
 
30
30
  .field:not(.inline) > .value {
31
- margin-bottom: calc(var(--mirai-ui-space-XS) / 2);
31
+ margin-bottom: var(--mirai-ui-space-XXS);
32
32
  }
33
33
 
34
34
  .field:not(.inline) > .value:not(.small) {
35
- margin-top: calc(var(--mirai-ui-space-XS) / 2);
35
+ margin-top: var(--mirai-ui-space-XXS);
36
36
  }
37
37
 
38
38
  .field .print {
@@ -40,7 +40,7 @@
40
40
  }
41
41
 
42
42
  .field .tooltip {
43
- margin-left: calc(var(--mirai-ui-space-XS) / 2);
43
+ margin-left: var(--mirai-ui-space-XXS);
44
44
  text-decoration: underline;
45
45
  }
46
46
  }
@@ -237,7 +237,7 @@ exports[`component:<Booking> partial:<Menu> inherit:className 1`] = `
237
237
  class="view row notification warning inline small"
238
238
  >
239
239
  <span
240
- class="icon headline-3"
240
+ class="icon paragraph"
241
241
  >
242
242
  <svg
243
243
  fill="currentColor"
@@ -512,7 +512,7 @@ exports[`component:<Booking> partial:<Menu> renders 1`] = `
512
512
  class="view row notification warning inline small"
513
513
  >
514
514
  <span
515
- class="icon headline-3"
515
+ class="icon paragraph"
516
516
  >
517
517
  <svg
518
518
  fill="currentColor"
@@ -788,7 +788,7 @@ exports[`component:<Booking> partial:<Menu> testID 1`] = `
788
788
  class="view row notification warning inline small"
789
789
  >
790
790
  <span
791
- class="icon headline-3"
791
+ class="icon paragraph"
792
792
  >
793
793
  <svg
794
794
  fill="currentColor"
@@ -1063,7 +1063,7 @@ exports[`component:<Booking> partial:<Menu> with a store 1`] = `
1063
1063
  class="view row notification warning inline small"
1064
1064
  >
1065
1065
  <span
1066
- class="icon headline-3"
1066
+ class="icon paragraph"
1067
1067
  >
1068
1068
  <svg
1069
1069
  fill="currentColor"
@@ -23,7 +23,7 @@
23
23
  height: var(--mirai-ui-space-XS);
24
24
  width: var(--mirai-ui-space-XS);
25
25
  border-radius: 50%;
26
- margin-right: calc(var(--mirai-ui-space-XS) / 2);
26
+ margin-right: var(--mirai-ui-space-XXS);
27
27
  }
28
28
 
29
29
  .header .bullet.online {
@@ -47,7 +47,7 @@ body {
47
47
 
48
48
  .field {
49
49
  color: var(--mirai-ui-content-light);
50
- margin-bottom: calc(var(--mirai-ui-space-XS) / 4);
50
+ margin-bottom: calc(var(--mirai-ui-space-XXS) / 2);
51
51
  }
52
52
 
53
53
  /* == PARTIALS ============================================================== */
@@ -24,7 +24,7 @@ exports[`component:<Checkout> Test A/B variant A 1`] = `
24
24
  class="view row"
25
25
  >
26
26
  <span
27
- class="icon headline-3"
27
+ class="icon headline-2"
28
28
  >
29
29
  <svg
30
30
  fill="currentColor"
@@ -241,7 +241,7 @@ exports[`component:<Checkout> Test A/B variant B 1`] = `
241
241
  class="view row"
242
242
  >
243
243
  <span
244
- class="icon headline-3"
244
+ class="icon headline-2"
245
245
  >
246
246
  <svg
247
247
  fill="currentColor"
@@ -458,7 +458,7 @@ exports[`component:<Checkout> inherit:className 1`] = `
458
458
  class="view row"
459
459
  >
460
460
  <span
461
- class="icon headline-3"
461
+ class="icon headline-2"
462
462
  >
463
463
  <svg
464
464
  fill="currentColor"
@@ -675,7 +675,7 @@ exports[`component:<Checkout> prop:session (false) 1`] = `
675
675
  class="view row"
676
676
  >
677
677
  <span
678
- class="icon headline-3"
678
+ class="icon headline-2"
679
679
  >
680
680
  <svg
681
681
  fill="currentColor"
@@ -892,7 +892,7 @@ exports[`component:<Checkout> prop:skeleton 1`] = `
892
892
  class="view row"
893
893
  >
894
894
  <span
895
- class="icon headline-3"
895
+ class="icon headline-2"
896
896
  >
897
897
  <svg
898
898
  fill="currentColor"
@@ -1109,7 +1109,7 @@ exports[`component:<Checkout> renders 1`] = `
1109
1109
  class="view row"
1110
1110
  >
1111
1111
  <span
1112
- class="icon headline-3"
1112
+ class="icon headline-2"
1113
1113
  >
1114
1114
  <svg
1115
1115
  fill="currentColor"
@@ -1326,7 +1326,7 @@ exports[`component:<Checkout> testID 1`] = `
1326
1326
  class="view row"
1327
1327
  >
1328
1328
  <span
1329
- class="icon headline-3"
1329
+ class="icon headline-2"
1330
1330
  >
1331
1331
  <svg
1332
1332
  fill="currentColor"
@@ -1544,7 +1544,7 @@ exports[`component:<Checkout> with a store 1`] = `
1544
1544
  class="view row"
1545
1545
  >
1546
1546
  <span
1547
- class="icon headline-3"
1547
+ class="icon headline-2"
1548
1548
  >
1549
1549
  <svg
1550
1550
  fill="currentColor"
@@ -10,7 +10,7 @@
10
10
  }
11
11
 
12
12
  .actionIcon {
13
- margin-right: calc(var(--mirai-ui-space-XS) / 2);
13
+ margin-right: var(--mirai-ui-space-XXS);
14
14
  }
15
15
 
16
16
  .header {
@@ -14,11 +14,11 @@ exports[`component:<Deals.Calendar> inherit:className 1`] = `
14
14
  <div
15
15
  class="view forceRow header"
16
16
  >
17
- <h4
18
- class="text bold headline-4 title"
17
+ <span
18
+ class="text bold paragraph title"
19
19
  >
20
20
  febrero 2023
21
- </h4>
21
+ </span>
22
22
  </div>
23
23
  <div
24
24
  class="view forceRow weekdays"
@@ -720,13 +720,13 @@ exports[`component:<Deals.Calendar> inherit:className 1`] = `
720
720
  <div
721
721
  class="view forceRow header"
722
722
  >
723
- <h4
724
- class="text bold headline-4 title"
723
+ <span
724
+ class="text bold paragraph title"
725
725
  >
726
726
  marzo 2023
727
- </h4>
728
- <div
729
- class="pressable"
727
+ </span>
728
+ <button
729
+ class="pressable button small squared transparent"
730
730
  >
731
731
  <span
732
732
  class="icon headline-3"
@@ -749,7 +749,7 @@ exports[`component:<Deals.Calendar> inherit:className 1`] = `
749
749
  />
750
750
  </svg>
751
751
  </span>
752
- </div>
752
+ </button>
753
753
  </div>
754
754
  <div
755
755
  class="view forceRow weekdays"
@@ -1541,11 +1541,11 @@ exports[`component:<Deals.Calendar> renders 1`] = `
1541
1541
  <div
1542
1542
  class="view forceRow header"
1543
1543
  >
1544
- <h4
1545
- class="text bold headline-4 title"
1544
+ <span
1545
+ class="text bold paragraph title"
1546
1546
  >
1547
1547
  febrero 2023
1548
- </h4>
1548
+ </span>
1549
1549
  </div>
1550
1550
  <div
1551
1551
  class="view forceRow weekdays"
@@ -2247,13 +2247,13 @@ exports[`component:<Deals.Calendar> renders 1`] = `
2247
2247
  <div
2248
2248
  class="view forceRow header"
2249
2249
  >
2250
- <h4
2251
- class="text bold headline-4 title"
2250
+ <span
2251
+ class="text bold paragraph title"
2252
2252
  >
2253
2253
  marzo 2023
2254
- </h4>
2255
- <div
2256
- class="pressable"
2254
+ </span>
2255
+ <button
2256
+ class="pressable button small squared transparent"
2257
2257
  >
2258
2258
  <span
2259
2259
  class="icon headline-3"
@@ -2276,7 +2276,7 @@ exports[`component:<Deals.Calendar> renders 1`] = `
2276
2276
  />
2277
2277
  </svg>
2278
2278
  </span>
2279
- </div>
2279
+ </button>
2280
2280
  </div>
2281
2281
  <div
2282
2282
  class="view forceRow weekdays"
@@ -3069,11 +3069,11 @@ exports[`component:<Deals.Calendar> testID 1`] = `
3069
3069
  <div
3070
3070
  class="view forceRow header"
3071
3071
  >
3072
- <h4
3073
- class="text bold headline-4 title"
3072
+ <span
3073
+ class="text bold paragraph title"
3074
3074
  >
3075
3075
  febrero 2023
3076
- </h4>
3076
+ </span>
3077
3077
  </div>
3078
3078
  <div
3079
3079
  class="view forceRow weekdays"
@@ -3775,13 +3775,13 @@ exports[`component:<Deals.Calendar> testID 1`] = `
3775
3775
  <div
3776
3776
  class="view forceRow header"
3777
3777
  >
3778
- <h4
3779
- class="text bold headline-4 title"
3778
+ <span
3779
+ class="text bold paragraph title"
3780
3780
  >
3781
3781
  marzo 2023
3782
- </h4>
3783
- <div
3784
- class="pressable"
3782
+ </span>
3783
+ <button
3784
+ class="pressable button small squared transparent"
3785
3785
  data-testid="mirai-next"
3786
3786
  >
3787
3787
  <span
@@ -3805,7 +3805,7 @@ exports[`component:<Deals.Calendar> testID 1`] = `
3805
3805
  />
3806
3806
  </svg>
3807
3807
  </span>
3808
- </div>
3808
+ </button>
3809
3809
  </div>
3810
3810
  <div
3811
3811
  class="view forceRow weekdays"
@@ -52,11 +52,11 @@ exports[`component:<Deals> inherit:className 1`] = `
52
52
  <div
53
53
  class="view forceRow header"
54
54
  >
55
- <h4
56
- class="text bold headline-4 title"
55
+ <span
56
+ class="text bold paragraph title"
57
57
  >
58
58
  agosto 2022
59
- </h4>
59
+ </span>
60
60
  </div>
61
61
  <div
62
62
  class="view forceRow weekdays"
@@ -803,13 +803,13 @@ exports[`component:<Deals> inherit:className 1`] = `
803
803
  <div
804
804
  class="view forceRow header"
805
805
  >
806
- <h4
807
- class="text bold headline-4 title"
806
+ <span
807
+ class="text bold paragraph title"
808
808
  >
809
809
  septiembre 2022
810
- </h4>
811
- <div
812
- class="pressable"
810
+ </span>
811
+ <button
812
+ class="pressable button small squared transparent"
813
813
  >
814
814
  <span
815
815
  class="icon headline-3"
@@ -832,7 +832,7 @@ exports[`component:<Deals> inherit:className 1`] = `
832
832
  />
833
833
  </svg>
834
834
  </span>
835
- </div>
835
+ </button>
836
836
  </div>
837
837
  <div
838
838
  class="view forceRow weekdays"
@@ -1700,7 +1700,7 @@ exports[`component:<Deals> inherit:className 1`] = `
1700
1700
  </span>
1701
1701
  </div>
1702
1702
  <button
1703
- class="pressable button rounded squared secondary"
1703
+ class="pressable button squared secondary"
1704
1704
  >
1705
1705
  <span
1706
1706
  class="icon headline-3"
@@ -1730,7 +1730,7 @@ exports[`component:<Deals> inherit:className 1`] = `
1730
1730
  2
1731
1731
  </span>
1732
1732
  <button
1733
- class="pressable button rounded squared secondary"
1733
+ class="pressable button squared secondary"
1734
1734
  >
1735
1735
  <span
1736
1736
  class="icon headline-3"
@@ -1779,7 +1779,7 @@ exports[`component:<Deals> inherit:className 1`] = `
1779
1779
  </span>
1780
1780
  </div>
1781
1781
  <button
1782
- class="pressable disabled button rounded squared disabled"
1782
+ class="pressable disabled button squared disabled"
1783
1783
  disabled=""
1784
1784
  >
1785
1785
  <span
@@ -1810,7 +1810,7 @@ exports[`component:<Deals> inherit:className 1`] = `
1810
1810
  0
1811
1811
  </span>
1812
1812
  <button
1813
- class="pressable button rounded squared secondary"
1813
+ class="pressable button squared secondary"
1814
1814
  >
1815
1815
  <span
1816
1816
  class="icon headline-3"
@@ -1991,11 +1991,11 @@ exports[`component:<Deals> prop:value 1`] = `
1991
1991
  <div
1992
1992
  class="view forceRow header"
1993
1993
  >
1994
- <h4
1995
- class="text bold headline-4 title"
1994
+ <span
1995
+ class="text bold paragraph title"
1996
1996
  >
1997
1997
  agosto 2022
1998
- </h4>
1998
+ </span>
1999
1999
  </div>
2000
2000
  <div
2001
2001
  class="view forceRow weekdays"
@@ -2742,13 +2742,13 @@ exports[`component:<Deals> prop:value 1`] = `
2742
2742
  <div
2743
2743
  class="view forceRow header"
2744
2744
  >
2745
- <h4
2746
- class="text bold headline-4 title"
2745
+ <span
2746
+ class="text bold paragraph title"
2747
2747
  >
2748
2748
  septiembre 2022
2749
- </h4>
2750
- <div
2751
- class="pressable"
2749
+ </span>
2750
+ <button
2751
+ class="pressable button small squared transparent"
2752
2752
  >
2753
2753
  <span
2754
2754
  class="icon headline-3"
@@ -2771,7 +2771,7 @@ exports[`component:<Deals> prop:value 1`] = `
2771
2771
  />
2772
2772
  </svg>
2773
2773
  </span>
2774
- </div>
2774
+ </button>
2775
2775
  </div>
2776
2776
  <div
2777
2777
  class="view forceRow weekdays"
@@ -3656,7 +3656,7 @@ exports[`component:<Deals> prop:value 1`] = `
3656
3656
  </span>
3657
3657
  </div>
3658
3658
  <button
3659
- class="pressable button rounded squared secondary"
3659
+ class="pressable button squared secondary"
3660
3660
  >
3661
3661
  <span
3662
3662
  class="icon headline-3"
@@ -3686,7 +3686,7 @@ exports[`component:<Deals> prop:value 1`] = `
3686
3686
  2
3687
3687
  </span>
3688
3688
  <button
3689
- class="pressable button rounded squared secondary"
3689
+ class="pressable button squared secondary"
3690
3690
  >
3691
3691
  <span
3692
3692
  class="icon headline-3"
@@ -3735,7 +3735,7 @@ exports[`component:<Deals> prop:value 1`] = `
3735
3735
  </span>
3736
3736
  </div>
3737
3737
  <button
3738
- class="pressable button rounded squared secondary"
3738
+ class="pressable button squared secondary"
3739
3739
  >
3740
3740
  <span
3741
3741
  class="icon headline-3"
@@ -3765,7 +3765,7 @@ exports[`component:<Deals> prop:value 1`] = `
3765
3765
  1
3766
3766
  </span>
3767
3767
  <button
3768
- class="pressable button rounded squared secondary"
3768
+ class="pressable button squared secondary"
3769
3769
  >
3770
3770
  <span
3771
3771
  class="icon headline-3"
@@ -4092,11 +4092,11 @@ exports[`component:<Deals> renders 1`] = `
4092
4092
  <div
4093
4093
  class="view forceRow header"
4094
4094
  >
4095
- <h4
4096
- class="text bold headline-4 title"
4095
+ <span
4096
+ class="text bold paragraph title"
4097
4097
  >
4098
4098
  agosto 2022
4099
- </h4>
4099
+ </span>
4100
4100
  </div>
4101
4101
  <div
4102
4102
  class="view forceRow weekdays"
@@ -4843,13 +4843,13 @@ exports[`component:<Deals> renders 1`] = `
4843
4843
  <div
4844
4844
  class="view forceRow header"
4845
4845
  >
4846
- <h4
4847
- class="text bold headline-4 title"
4846
+ <span
4847
+ class="text bold paragraph title"
4848
4848
  >
4849
4849
  septiembre 2022
4850
- </h4>
4851
- <div
4852
- class="pressable"
4850
+ </span>
4851
+ <button
4852
+ class="pressable button small squared transparent"
4853
4853
  >
4854
4854
  <span
4855
4855
  class="icon headline-3"
@@ -4872,7 +4872,7 @@ exports[`component:<Deals> renders 1`] = `
4872
4872
  />
4873
4873
  </svg>
4874
4874
  </span>
4875
- </div>
4875
+ </button>
4876
4876
  </div>
4877
4877
  <div
4878
4878
  class="view forceRow weekdays"
@@ -5740,7 +5740,7 @@ exports[`component:<Deals> renders 1`] = `
5740
5740
  </span>
5741
5741
  </div>
5742
5742
  <button
5743
- class="pressable button rounded squared secondary"
5743
+ class="pressable button squared secondary"
5744
5744
  >
5745
5745
  <span
5746
5746
  class="icon headline-3"
@@ -5770,7 +5770,7 @@ exports[`component:<Deals> renders 1`] = `
5770
5770
  2
5771
5771
  </span>
5772
5772
  <button
5773
- class="pressable button rounded squared secondary"
5773
+ class="pressable button squared secondary"
5774
5774
  >
5775
5775
  <span
5776
5776
  class="icon headline-3"
@@ -5819,7 +5819,7 @@ exports[`component:<Deals> renders 1`] = `
5819
5819
  </span>
5820
5820
  </div>
5821
5821
  <button
5822
- class="pressable disabled button rounded squared disabled"
5822
+ class="pressable disabled button squared disabled"
5823
5823
  disabled=""
5824
5824
  >
5825
5825
  <span
@@ -5850,7 +5850,7 @@ exports[`component:<Deals> renders 1`] = `
5850
5850
  0
5851
5851
  </span>
5852
5852
  <button
5853
- class="pressable button rounded squared secondary"
5853
+ class="pressable button squared secondary"
5854
5854
  >
5855
5855
  <span
5856
5856
  class="icon headline-3"
@@ -6033,11 +6033,11 @@ exports[`component:<Deals> testID 1`] = `
6033
6033
  <div
6034
6034
  class="view forceRow header"
6035
6035
  >
6036
- <h4
6037
- class="text bold headline-4 title"
6036
+ <span
6037
+ class="text bold paragraph title"
6038
6038
  >
6039
6039
  agosto 2022
6040
- </h4>
6040
+ </span>
6041
6041
  </div>
6042
6042
  <div
6043
6043
  class="view forceRow weekdays"
@@ -6784,13 +6784,13 @@ exports[`component:<Deals> testID 1`] = `
6784
6784
  <div
6785
6785
  class="view forceRow header"
6786
6786
  >
6787
- <h4
6788
- class="text bold headline-4 title"
6787
+ <span
6788
+ class="text bold paragraph title"
6789
6789
  >
6790
6790
  septiembre 2022
6791
- </h4>
6792
- <div
6793
- class="pressable"
6791
+ </span>
6792
+ <button
6793
+ class="pressable button small squared transparent"
6794
6794
  data-testid="mirai-calendar-next"
6795
6795
  >
6796
6796
  <span
@@ -6814,7 +6814,7 @@ exports[`component:<Deals> testID 1`] = `
6814
6814
  />
6815
6815
  </svg>
6816
6816
  </span>
6817
- </div>
6817
+ </button>
6818
6818
  </div>
6819
6819
  <div
6820
6820
  class="view forceRow weekdays"
@@ -7684,7 +7684,7 @@ exports[`component:<Deals> testID 1`] = `
7684
7684
  </span>
7685
7685
  </div>
7686
7686
  <button
7687
- class="pressable button rounded squared secondary"
7687
+ class="pressable button squared secondary"
7688
7688
  >
7689
7689
  <span
7690
7690
  class="icon headline-3"
@@ -7714,7 +7714,7 @@ exports[`component:<Deals> testID 1`] = `
7714
7714
  2
7715
7715
  </span>
7716
7716
  <button
7717
- class="pressable button rounded squared secondary"
7717
+ class="pressable button squared secondary"
7718
7718
  >
7719
7719
  <span
7720
7720
  class="icon headline-3"
@@ -7763,7 +7763,7 @@ exports[`component:<Deals> testID 1`] = `
7763
7763
  </span>
7764
7764
  </div>
7765
7765
  <button
7766
- class="pressable disabled button rounded squared disabled"
7766
+ class="pressable disabled button squared disabled"
7767
7767
  disabled=""
7768
7768
  >
7769
7769
  <span
@@ -7794,7 +7794,7 @@ exports[`component:<Deals> testID 1`] = `
7794
7794
  0
7795
7795
  </span>
7796
7796
  <button
7797
- class="pressable button rounded squared secondary"
7797
+ class="pressable button squared secondary"
7798
7798
  >
7799
7799
  <span
7800
7800
  class="icon headline-3"
@@ -1,5 +1,5 @@
1
1
  .container {
2
- gap: calc(var(--mirai-ui-space-XS) / 2);
2
+ gap: var(--mirai-ui-space-XXS);
3
3
  width: auto;
4
4
  }
5
5