@mirai/core 0.3.293 → 0.3.295

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 (23) hide show
  1. package/build/components/Deals/Deals.js +1 -0
  2. package/build/components/Deals/Deals.js.map +1 -1
  3. package/build/components/Deals/__tests__/__snapshots__/Deals.test.js.snap +0 -104
  4. package/build/components/Finder/Finder.constants.js +1 -1
  5. package/build/components/Finder/Finder.constants.js.map +1 -1
  6. package/build/components/Finder/Finder.js +23 -14
  7. package/build/components/Finder/Finder.js.map +1 -1
  8. package/build/components/Finder/Finder.module.css +42 -48
  9. package/build/components/Finder/__tests__/__snapshots__/Finder.test.js.snap +17 -605
  10. package/build/components/__shared__/BookingTerms/index.js +1 -1
  11. package/build/components/__shared__/BookingTerms/index.js.map +1 -1
  12. package/build/components/__shared__/Field/Field.js +2 -6
  13. package/build/components/__shared__/Field/Field.js.map +1 -1
  14. package/build/components/__shared__/FieldOccupation/FieldOccupation.js +6 -1
  15. package/build/components/__shared__/FieldOccupation/FieldOccupation.js.map +1 -1
  16. package/build/components/__shared__/FieldOccupation/__tests__/__snapshots__/FieldOccupation.test.js.snap +0 -147
  17. package/build/components/__shared__/Occupation/Occupation.constants.js +0 -5
  18. package/build/components/__shared__/Occupation/Occupation.constants.js.map +1 -1
  19. package/build/components/__shared__/Occupation/Occupation.js +10 -2
  20. package/build/components/__shared__/Occupation/Occupation.js.map +1 -1
  21. package/build/theme.css +2 -0
  22. package/package.json +1 -1
  23. package/public/themes/monalisa.theme.css +3 -1
package/build/components/Finder/Finder.module.css CHANGED
@@ -1,36 +1,66 @@
1
1
  .finder {
2
- border-radius: var(--mirai-finder-border-radius);
3
- gap: var(--mirai-finder-gap);
4
- overflow: hidden;
2
+ border: var(--mirai-finder-border);
5
3
  flex: 0;
6
4
  justify-content: center;
5
+ gap: var(--mirai-finder-gap);
6
+ overflow: hidden;
7
+ }
8
+
9
+ .finder:not(.column) {
10
+ border-radius: var(--mirai-finder-border-radius);
11
+ width: fit-content;
12
+ }
13
+
14
+ .finder:not(.column):not(.compact) {
7
15
  padding: var(--mirai-finder-padding);
8
16
  }
9
17
 
18
+ .finder.column {
19
+ border-radius: var(--mirai-finder-column-border-radius);
20
+ padding: var(--mirai-finder-column-padding);
21
+ width: 100%;
22
+ }
23
+
24
+ .finder.column .button {
25
+ margin-top: calc(var(--mirai-finder-padding) / 2);
26
+ width: 100%;
27
+ }
28
+
10
29
  .finder:not(.compact) {
11
30
  background-color: var(--mirai-finder-background);
12
31
  }
13
32
 
14
- .finder.inline,
15
- .finder.compact {
16
- border: var(--mirai-finder-border);
17
- border-radius: var(--mirai-finder-border-radius);
33
+ .field {
34
+ height: var(--mirai-finder-field-height);
18
35
  }
19
36
 
20
37
  .separator {
21
38
  background-color: var(--mirai-finder-border-color);
22
39
  }
23
40
 
24
- .field {
41
+ .finder.column .separator {
42
+ height: var(--mirai-ui-border-width);
43
+ width: 100%;
44
+ }
45
+
46
+ .finder:not(.column) .separator {
25
47
  height: var(--mirai-finder-field-height);
48
+ width: var(--mirai-ui-border-width);
26
49
  }
27
50
 
28
51
  .button {
29
- border-radius: var(--mirai-finder-border-radius) !important;
30
52
  height: var(--mirai-finder-field-height);
31
53
  }
32
54
 
33
- .button.withIcon {
55
+ .finder:not(.column) .button {
56
+ border-radius: var(--mirai-finder-border-radius) !important;
57
+ }
58
+
59
+ .finder.column .button {
60
+ border-radius: var(--mirai-finder-column-border-radius) !important;
61
+ }
62
+
63
+ .finder:not(.column) .button.withIcon {
34
64
  max-height: var(--mirai-finder-field-height);
35
65
  max-width: var(--mirai-finder-field-height);
36
66
  min-height: var(--mirai-finder-field-height);
@@ -38,7 +68,8 @@
38
68
  padding: 0 !important;
39
69
  }
40
70
 
41
- .finder.compact {
71
+ /* -- compact */
72
+ .compact {
42
73
  background-color: var(--mirai-ui-base);
43
74
  transition: border-color var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing),
44
75
  box-shadow var(--mirai-ui-motion-collapse) var(--mirai-ui-motion-easing);
@@ -76,19 +107,6 @@
76
107
 
77
108
  /* S */
78
109
  @media only screen and (max-width: 430px) {
79
- .finder {
80
- width: 100%;
81
- }
82
-
83
- .separator {
84
- height: var(--mirai-ui-border-width);
85
- width: 100%;
86
- }
87
-
88
- .button {
89
- margin-top: calc(var(--mirai-finder-padding) / 2);
90
- }
91
-
92
110
  .compact {
93
111
  justify-content: center;
94
112
  padding: var(--mirai-ui-space-XS) 0;
@@ -111,30 +129,6 @@
111
129
 
112
130
  /* M & L */
113
131
  @media only screen and (min-width: 431px) {
114
- .finder {
115
- width: fit-content;
116
- }
117
-
118
- .finder:not(.column) .separator {
119
- height: var(--mirai-finder-field-height);
120
- width: var(--mirai-ui-border-width);
121
- }
122
-
123
- .finder.column {
124
- flex-direction: column;
125
- width: 100%;
126
- }
127
-
128
- .finder.column .separator {
129
- height: var(--mirai-ui-border-width);
130
- width: 100%;
131
- }
132
-
133
- .finder.column .button {
134
- margin-top: calc(var(--mirai-finder-padding) / 2);
135
- width: 100%;
136
- }
137
-
138
132
  .finder .calendarOnTop {
139
133
  min-height: calc(calc(var(--mirai-ui-calendar-cell) * 8) + var(--mirai-ui-space-XXS));
140
134
  }