npm - @mirai/core - Versions diffs - 0.4.17 → 0.4.18 - Mend

@mirai/core 0.4.17 → 0.4.18

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 (133) hide show

package/public/performance/index.html ADDED Viewed

@@ -0,0 +1,159 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <style>
+      * {
+        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
+          'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
+        font-size: 16px;
+        line-height: 20px;
+      }
+      header *,
+      main strong,
+      main small {
+        color: #484848;
+      }
+      header > * {
+        align-items: center;
+        border-bottom: solid 1px #dedede;
+        display: flex;
+        flex-direction: row;
+        justify-content: space-between;
+      }
+      header small {
+        font-size: 12px;
+        line-height: 16px;
+      }
+      header a {
+        margin-left: 12px;
+        text-decoration: none;
+      }
+      header h1 {
+        font-size: 24px;
+        line-height: 24px;
+        margin: 0;
+        padding: 0;
+      }
+      header > :first-child {
+        padding: 12px 16px;
+      }
+      header > :first-child * {
+        color: #6e6e6e;
+      }
+      header > :first-child a {
+        font-size: 14px;
+      }
+      header > :last-child {
+        padding: 16px;
+      }
+      header > :last-child a {
+        font-weight: 500;
+      }
+      main {
+        background-color: #f6f6f6;
+        padding: 0 16px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        height: 80svh;
+      }
+      main > strong,
+      main > small {
+        text-align: center;
+      }
+      main > * {
+        margin: 0 auto;
+        width: fit-content;
+      }
+      @media only screen and (width <= 820px) {
+        main {
+          padding-top: 64px;
+        }
+        main > strong {
+          font-size: 44px;
+          line-height: 56px;
+        }
+        main > small {
+          font-size: 16px;
+          line-height: 20px;
+          padding-top: 24px;
+          padding-bottom: 48px;
+        }
+      }
+      @media only screen and (width > 820px) {
+        main {
+          padding-top: 96px;
+        }
+        main > strong {
+          font-size: 96px;
+          line-height: 120px;
+          max-width: 75%;
+        }
+        main > small {
+          font-size: 24px;
+          line-height: 32px;
+          max-width: 50%;
+          padding-top: 24px;
+          padding-bottom: 64px;
+        }
+      }
+    </style>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>Monalisa - Hotel & Resort</title>
+    <link rel="preconnect" href="https://dictionary.mirai.com" />
+    <link rel="preconnect" href="https://reservation.mirai.com" />
+  </head>
+  <body>
+    <div id="mirai" data-mirai-id="100379008"></div>
+    <header>
+      <div>
+        <small>Contact us directly at +34 (0) 129 039 193</small>
+        <nav>
+          <a href="#">EUR</a>
+          <a href="#">English</a>
+        </nav>
+      </div>
+      <div>
+        <div>
+          <h1>monalisa</h1>
+          <small>Hotel & Resort</small>
+        </div>
+        <nav>
+          <a href="#">■ Login</a>
+          <a href="#">Signup</a>
+        </nav>
+      </div>
+    </header>
+    <main>
+      <strong>Discover the Serenity of a Perfect Stay</strong>
+      <small>
+        Experience the calming atmosphere of our serene guest rooms, each designed with your comfort in mind.
+      </small>
+      <div data-mirai-component="finder"></div>
+    </main>
+    <script async type="module" defer src="../../src/index.js"></script>
+  </body>
+</html>

package/build/components/Chat/Chat.theme.module.css DELETED Viewed

@@ -1,49 +0,0 @@
-:root {
-  /* colors */
-  --mirai-chat-accent: var(--mirai-ui-accent);
-  /* --mirai-chat-accent: #4cd964; */
-  /* commons */
-  --mirai-chat-border-color: var(--mirai-ui-content-border);
-  --mirai-chat-border-radius: var(--mirai-ui-space-S);
-  --mirai-chat-border-size: 1px;
-  --mirai-chat-space: var(--mirai-ui-space-M);
-  --mirai-chat-motion-collapse: 200ms;
-  --mirai-chat-motion-expand: 300ms;
-  --mirai-chat-motion-easing: cubic-bezier(0.1, 0.1, 0.25, 0.9);
-  /*  text  */
-  --mirai-chat-text-accent-color: rgba(255, 255, 255, 0.95);
-  --mirai-chat-text-color: #222;
-  --mirai-chat-text-color-light: #999;
-  --mirai-chat-text-font-size: var(--mirai-ui-font-size-action);
-  --mirai-chat-text-font-weight: 500;
-  --mirai-chat-text-line-height: var(--mirai-ui-line-height-action);
-  /* <Chat> */
-  --mirai-chat-base: var(--mirai-ui-base);
-  --mirai-chat-base-opacity: rgba(255, 255, 255, 0.8);
-  --mirai-chat-box-shadow: 0 0 var(--mirai-ui-space-S) rgba(0, 0, 0, 0.1);
-  --mirai-chat-height: 606px;
-  --mirai-chat-layer: var(--mirai-ui-layer-XL);
-  --mirai-chat-max-height: 90svh;
-  --mirai-chat-width: calc(var(--mirai-ui-breakpoint-S) - var(--mirai-ui-space-XXL));
-  /* header */
-  --mirai-chat-header-height: calc(var(--mirai-ui-space-XL) + var(--mirai-ui-space-M));
-  --mirai-chat-header-background: linear-gradient(0deg, var(--mirai-chat-base-opacity) 0%, var(--mirai-chat-base) 100%);
-  /* <Input> */
-  --mirai-chat-input-background: var(--mirai-ui-content-background);
-  --mirai-chat-input-border-color: var(--mirai-chat-border-color);
-  /* <Message> */
-  --mirai-chat-message-background: transparent;
-  --mirai-chat-message-offset: calc(var(--mirai-chat-space) / 1.5) var(--mirai-chat-border-radius);
-  /* <Avatar> */
-  --mirai-chat-avatar-background: #222;
-  --mirai-chat-avatar-color: #fff;
-  --mirai-chat-avatar-border-radius: 40%;
-}

package/build/components/__shared__/FieldOccupation/FieldOccupation.module.css DELETED Viewed

@@ -1,5 +0,0 @@
-@media only screen and (min-width: 481px) {
-  .occupation {
-    max-width: 280px;
-  }
-}