@mirai/core 0.3.445 → 0.3.447

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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mirai/core",
3
- "version": "0.3.445",
3
+ "version": "0.3.447",
4
4
  "source": "src/index.js",
5
5
  "repository": "https://gitlab.com/miraicorp/dev/frontend/core",
6
6
  "author": "JΛVI <hello@soyjavi.com>",
@@ -1,46 +1,77 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="en">
3
3
  <head>
4
- <link rel="stylesheet" href="/index.25ab5e3a.css" />
5
- <link rel="stylesheet" href="/index.198da828.css" />
6
4
  <style>
7
5
  * {
8
- font-family: var(--mirai-ui-font);
6
+ font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
7
+ 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
8
+ font-size: 16px;
9
+ line-height: 20px;
9
10
  }
10
11
 
11
- header {
12
+ header *,
13
+ main strong,
14
+ main small {
15
+ color: #484848;
16
+ }
17
+
18
+ header > * {
12
19
  align-items: center;
13
- border-bottom: solid 1px var(--mirai-ui-content-border);
20
+ border-bottom: solid 1px #dedede;
14
21
  display: flex;
15
22
  flex-direction: row;
16
23
  justify-content: space-between;
17
- padding: var(--mirai-ui-space-M);
24
+ }
25
+
26
+ header small {
27
+ font-size: 12px;
28
+ line-height: 16px;
29
+ }
30
+
31
+ header a {
32
+ margin-left: 12px;
33
+ text-decoration: none;
18
34
  }
19
35
 
20
36
  header h1 {
21
- font-size: var(--mirai-ui-font-size-headline-2);
22
- line-height: var(--mirai-ui-line-height-headline-2);
37
+ font-size: 24px;
38
+ line-height: 24px;
23
39
  margin: 0;
24
40
  padding: 0;
25
41
  }
26
42
 
27
- header small {
28
- font-size: var(--mirai-ui-font-size-small);
29
- line-height: var(--mirai-ui-line-height-small);
43
+ header > :first-child {
44
+ padding: 12px 16px;
45
+ }
46
+
47
+ header > :first-child * {
48
+ color: #6e6e6e;
30
49
  }
31
50
 
32
- header span {
33
- margin-left: var(--mirai-ui-space-M);
51
+ header > :first-child a {
52
+ font-size: 14px;
53
+ }
54
+
55
+ header > :last-child {
56
+ padding: 16px;
57
+ }
58
+
59
+ header > :last-child a {
60
+ font-weight: 500;
34
61
  }
35
62
 
36
63
  main {
37
- padding: 0 var(--mirai-ui-space-M);
64
+ background-color: #f6f6f6;
65
+ padding: 0 16px;
66
+ display: flex;
67
+ flex-direction: column;
68
+ align-items: center;
69
+ height: 80svh;
38
70
  }
39
71
 
40
72
  main > strong,
41
73
  main > small {
42
74
  text-align: center;
43
- display: block;
44
75
  }
45
76
 
46
77
  main > * {
@@ -50,44 +81,39 @@
50
81
 
51
82
  @media only screen and (width <= 820px) {
52
83
  main {
53
- padding-top: var(--mirai-ui-space-XXL);
54
- }
55
-
56
- main > strong,
57
- main > span {
58
- width: 90%;
84
+ padding-top: 64px;
59
85
  }
60
86
 
61
87
  main > strong {
62
- font-size: calc(var(--mirai-ui-font-size-headline-1) * 1.4);
63
- line-height: calc(var(--mirai-ui-line-height-headline-1) * 1.4);
88
+ font-size: 44px;
89
+ line-height: 56px;
64
90
  }
65
91
 
66
92
  main > small {
67
- font-size: var(--mirai-ui-font-size-paragraph);
68
- line-height: var(--mirai-ui-line-height-paragraph);
69
- padding-top: var(--mirai-ui-space-L);
70
- padding-bottom: var(--mirai-ui-space-XL);
93
+ font-size: 16px;
94
+ line-height: 20px;
95
+ padding-top: 24px;
96
+ padding-bottom: 48px;
71
97
  }
72
98
  }
73
99
 
74
100
  @media only screen and (width > 820px) {
75
101
  main {
76
- padding-top: calc(var(--mirai-ui-space-XXL) * 2);
102
+ padding-top: 96px;
77
103
  }
78
104
 
79
105
  main > strong {
80
- font-size: calc(var(--mirai-ui-font-size-headline-1) * 3);
81
- line-height: calc(var(--mirai-ui-line-height-headline-1) * 3);
106
+ font-size: 96px;
107
+ line-height: 120px;
82
108
  max-width: 75%;
83
109
  }
84
110
 
85
111
  main > small {
86
- font-size: var(--mirai-ui-font-size-headline-2);
87
- line-height: var(--mirai-ui-line-height-headline-2);
112
+ font-size: 24px;
113
+ line-height: 32px;
88
114
  max-width: 50%;
89
- padding-top: var(--mirai-ui-space-L);
90
- padding-bottom: var(--mirai-ui-space-XXL);
115
+ padding-top: 24px;
116
+ padding-bottom: 64px;
91
117
  }
92
118
  }
93
119
  </style>
@@ -95,26 +121,31 @@
95
121
  <meta name="viewport" content="width=device-width, initial-scale=1" />
96
122
  <title>Monalisa - Hotel & Resort</title>
97
123
  <link rel="preconnect" href="https://dictionary.mirai.com" />
98
- <link rel="preconnect" href="https://fonts.googleapis.com" />
99
- <link rel="preconnect" href="https://fonts.gstatic.com" />
100
124
  <link rel="preconnect" href="https://reservation.mirai.com" />
101
- <link rel="preconnect" href="https://i.pravatar.cc" />
102
125
  </head>
103
126
  <body>
104
- <div data-mirai-engine="mirai_tr" data-init="false"></div>
105
- <noscript>You need to enable JavaScript to run this app.</noscript>
106
127
  <div id="mirai" data-mirai-id="100379008"></div>
107
128
 
108
129
  <header>
109
130
  <div>
110
- <h1>monalisa</h1>
111
- <small>Hotel & Resort</small>
131
+ <small>Contact us directly at +34 (0) 129 039 193</small>
132
+ <nav>
133
+ <a href="#">EUR</a>
134
+ <a href="#">English</a>
135
+ </nav>
112
136
  </div>
113
137
  <div>
114
- <span>Log in</span>
115
- <span>Signup</span>
138
+ <div>
139
+ <h1>monalisa</h1>
140
+ <small>Hotel & Resort</small>
141
+ </div>
142
+ <nav>
143
+ <a href="#">■ Login</a>
144
+ <a href="#">Signup</a>
145
+ </nav>
116
146
  </div>
117
147
  </header>
148
+
118
149
  <main>
119
150
  <strong>Discover the Serenity of a Perfect Stay</strong>
120
151
  <small>
@@ -123,7 +154,6 @@
123
154
  <div data-mirai-component="finder"></div>
124
155
  </main>
125
156
 
126
- <!-- @mirai/core -->
127
- <script async="" defer="" src="/index.93a27b30.js" onload="window.mirai.core"></script>
157
+ <script async type="module" defer src="../../src/index.js"></script>
128
158
  </body>
129
159
  </html>