@saasquatch/mint-components 1.6.11-0 → 1.6.12

package/dist/esm/sqm-empty_5.entry.js

@@ -2,7 +2,7 @@ import { h, r as registerInstance, c as Host } from './index-17b4da69.js';
 import { m as h$1 } from './stencil-hooks.module-14b87f98.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-ab89c6cc.js';
+import { P as PortalContainerView, a as PortalSectionView } from './sqm-portal-container-view-b7b10841.js';
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText } = props;
@@ -41,10 +41,10 @@ function ImageView(props) {
   };
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();
-  const vanillaStyle = `
-    :host{
-      display: block;   
-    }
+  const vanillaStyle = `
+    :host{
+      display: block;   
+    }
   `;
   return (h("div", null,
     h("style", { type: "text/css" },
@@ -114,52 +114,52 @@ const PortalContainer = class {
   }
 };
 
-const vanillaStyle = `
-  sqm-text {
-    display: block;
-  }
-
-  sqm-text h1 {
-    font-size: var(--sl-font-size-xxx-large);
-    font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-800);
-    margin: 0;
-  }
-
-  sqm-text h2 {
-    font-size: var(--sl-font-size-xx-large);
-    font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-800);
-    margin: 0;
-  }
-
-  sqm-text h3 {
-    font-size: var(--sl-font-size-x-large);
-    font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-800);
-    margin: 0;
-  }
-
-  sqm-text h4 {
-    font-size: var(--sl-font-size-large);
-    font-weight: var(--sl-font-weight-semibold);
-    color: var(--sl-color-neutral-800);
-    margin: 0;
-  }
-
-  sqm-text p {
-    font-size: var(--sl-font-size-medium);
-    font-weight: var(--sl-font-weight-normal);
-    color: var(--sl-color-neutral-800);
-    margin: 0;
-  }
-
-  sqm-text sub {
-    font-size: var(--sl-font-size-small);
-    font-weight: var(--sl-font-weight-normal);
-    color: var(--sl-color-neutral-400);
-    margin: 0;
-  }
+const vanillaStyle = `
+  sqm-text {
+    display: block;
+  }
+
+  sqm-text h1 {
+    font-size: var(--sl-font-size-xxx-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text h2 {
+    font-size: var(--sl-font-size-xx-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text h3 {
+    font-size: var(--sl-font-size-x-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text h4 {
+    font-size: var(--sl-font-size-large);
+    font-weight: var(--sl-font-weight-semibold);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text p {
+    font-size: var(--sl-font-size-medium);
+    font-weight: var(--sl-font-weight-normal);
+    color: var(--sl-color-neutral-800);
+    margin: 0;
+  }
+
+  sqm-text sub {
+    font-size: var(--sl-font-size-small);
+    font-weight: var(--sl-font-weight-normal);
+    color: var(--sl-color-neutral-400);
+    margin: 0;
+  }
 `;
 const Text = class {
   constructor(hostRef) {

package/dist/esm/sqm-instant-access-registration.entry.js

@@ -5,7 +5,7 @@ import './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
-import { E as EmailRegistrationView } from './email-registration-view-0a11e959.js';
+import { E as EmailRegistrationView } from './email-registration-view-ec5e7db0.js';
 import './useRegistrationFormState-b1f730bd.js';
 import { u as useInstantAccessRegistration } from './useInstantAccessRegistration-4fd0b5a6.js';
 

package/dist/esm/sqm-leaderboard-rank.entry.js

@@ -1,22 +1,22 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h } from './stencil-hooks.module-14b87f98.js';
-import { i as intl } from './global-8c190dcb.js';
+import { i as intl } from './global-85c8c43e.js';
 import { d as dist, O, L, b as mn, i as isDemo } from './index.module-c549b2c8.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import { L as LeaderboardRankView } from './sqm-leaderboard-rank-view-10657658.js';
 
-const GET_RANK = dist.gql `
-  query ($type: String!, $filter: UserLeaderboardFilterInput) {
-    viewer {
-      ... on User {
-        leaderboardRank(type: $type, filter: $filter) {
-          rowNumber
-          rank
-          denseRank
-        }
-      }
-    }
-  }
+const GET_RANK = dist.gql `
+  query ($type: String!, $filter: UserLeaderboardFilterInput) {
+    viewer {
+      ... on User {
+        leaderboardRank(type: $type, filter: $filter) {
+          rowNumber
+          rank
+          denseRank
+        }
+      }
+    }
+  }
 `;
 function useLeaderboardRank(props) {
   var _a, _b, _c, _d;

package/dist/esm/{sqm-logout-current-user-view-2d740794.js → sqm-logout-current-user-view-13d7832a.js}

@@ -12,11 +12,11 @@ const style = {
     },
   },
 };
-const vanillaStyle = `
-:host, sqm-logout-current-user{
-  display: inline;   
-}
-
+const vanillaStyle = `
+:host, sqm-logout-current-user{
+  display: inline;   
+}
+
 `;
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();

package/dist/esm/sqm-logout-current-user.entry.js

@@ -4,7 +4,7 @@ import { L, e as setUserIdentity, i as isDemo } from './index.module-c549b2c8.js
 import { c as cjs } from './cjs-bdfb4486.js';
 import './JSS-67b5cff8.js';
 import { g as getProps } from './utils-334c1e34.js';
-import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-2d740794.js';
+import { L as LogoutCurrentUserView } from './sqm-logout-current-user-view-13d7832a.js';
 
 function useLogoutCurrentUser(props) {
   var _a;

package/dist/esm/{sqm-navigation-sidebar-view-414bcb19.js → sqm-navigation-sidebar-view-0c245f7d.js}

@@ -1,146 +1,146 @@
 import { h } from './index-17b4da69.js';
 
-const vanillaStyle = `
-
-* {
-  padding: 0;
-  margin: 0;
-  box-sizing: border-box;
-}
-
-@keyframes slideIn {
-  0% {
-    left: -350px;
-  }
-  100% {
-    left: 0;
-  }
-} 
-
-@media screen and (min-width: 800px) {
-  :host {
-    max-width: 300px;
-  }
-  .toggler,
-  .hamburger {
-     user-select: none;
-     visibility:hidden;
-  }
-  .container{
-    position: sticky;
-    top: 0;
-  }
-  .menu-items {
-    min-width: 290px;
-    max-width: 320px;
-    box-sizing: border-box;
-    padding: 0px 15px;
-  }
-  .menu-items > :not(:last-child): {
-    margin-bottom: 4px;
-  }
-}
-@media screen and (max-width: 799px) {
-  .toggler {
-    border: 2px solid #eee;
-    cursor: pointer;
-    opacity: 0;
-    z-index: 5;
-  }
-
-  .container {
-    position: sticky;
-    top: 0;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    height: 60px;
-    width: 60px;
-    flex-direction: column;
-    z-index: 100;
-  }
-  .menu-items { 
-    display: none;
-    padding: 20px;
-    border-right: 1px solid #eaeaea;
-    padding-top: 60px;
-    background: white; 
-    width: 100vw;
-    height: 100vh;
-    position: absolute;
-    top: 0;
-    right: 0;
-    left: 0px;
-    margin: 0;
-    animation: slideIn 500ms ease-in-out;
-  }
-
-  .toggler,
-  .hamburger {
-    visibility: visible !important;
-  }
-
-  .container {
-    display: flex;
-  }
-
-  .hamburger > .line {
-    visibility: visible !important;
-  }
-
-
-  .toggler,
-  .hamburger {
-    position: absolute;
-    padding: 20px 10px;
-  }
-
-  .toggler {
-    z-index: 100;
-    width: 100%;
-    height: 100%;
-  }
-
-  .hamburger {
-    z-index: 10;
-    width: 75%;
-    height: 100%;
-  }
-
-  .toggler:checked ~ .menu-items {
-    display: block;
-  }
-
-  /***** Turn hamburger into an X *****/
-  .toggler:checked ~ .hamburger > .line:nth-child(1) {
-    opacity: 0;
-  }
-
-  .toggler:checked ~ .hamburger > .line:nth-child(2) {
-    transform: rotate(45deg) translate(0px, -0.5px);
-  }
-
-  .toggler:checked ~ .hamburger > .line:nth-child(3) {
-    transform: rotate(-45deg) translate(3px, -3.5px);
-  }
-
-  .toggler:checked ~ .hamburger > .line:nth-child(1),
-  .toggler:checked ~ .hamburger > .line:nth-child(2),
-  .toggler:checked ~ .hamburger > .line:nth-child(3) {
-    width: 75%;
-    border-bottom: 3px solid #444445;
-    margin: 0;
-  }
-
-  .hamburger > .line {
-    visibility:hidden;
-    z-index: 2;
-    height: 4px;
-    width: 100%;
-    margin-bottom: 3px;
-    border-bottom: 5px solid #444445;
-  }
-}
+const vanillaStyle = `
+
+* {
+  padding: 0;
+  margin: 0;
+  box-sizing: border-box;
+}
+
+@keyframes slideIn {
+  0% {
+    left: -350px;
+  }
+  100% {
+    left: 0;
+  }
+} 
+
+@media screen and (min-width: 800px) {
+  :host {
+    max-width: 300px;
+  }
+  .toggler,
+  .hamburger {
+     user-select: none;
+     visibility:hidden;
+  }
+  .container{
+    position: sticky;
+    top: 0;
+  }
+  .menu-items {
+    min-width: 290px;
+    max-width: 320px;
+    box-sizing: border-box;
+    padding: 0px 15px;
+  }
+  .menu-items > :not(:last-child): {
+    margin-bottom: 4px;
+  }
+}
+@media screen and (max-width: 799px) {
+  .toggler {
+    border: 2px solid #eee;
+    cursor: pointer;
+    opacity: 0;
+    z-index: 5;
+  }
+
+  .container {
+    position: sticky;
+    top: 0;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    height: 60px;
+    width: 60px;
+    flex-direction: column;
+    z-index: 100;
+  }
+  .menu-items { 
+    display: none;
+    padding: 20px;
+    border-right: 1px solid #eaeaea;
+    padding-top: 60px;
+    background: white; 
+    width: 100vw;
+    height: 100vh;
+    position: absolute;
+    top: 0;
+    right: 0;
+    left: 0px;
+    margin: 0;
+    animation: slideIn 500ms ease-in-out;
+  }
+
+  .toggler,
+  .hamburger {
+    visibility: visible !important;
+  }
+
+  .container {
+    display: flex;
+  }
+
+  .hamburger > .line {
+    visibility: visible !important;
+  }
+
+
+  .toggler,
+  .hamburger {
+    position: absolute;
+    padding: 20px 10px;
+  }
+
+  .toggler {
+    z-index: 100;
+    width: 100%;
+    height: 100%;
+  }
+
+  .hamburger {
+    z-index: 10;
+    width: 75%;
+    height: 100%;
+  }
+
+  .toggler:checked ~ .menu-items {
+    display: block;
+  }
+
+  /***** Turn hamburger into an X *****/
+  .toggler:checked ~ .hamburger > .line:nth-child(1) {
+    opacity: 0;
+  }
+
+  .toggler:checked ~ .hamburger > .line:nth-child(2) {
+    transform: rotate(45deg) translate(0px, -0.5px);
+  }
+
+  .toggler:checked ~ .hamburger > .line:nth-child(3) {
+    transform: rotate(-45deg) translate(3px, -3.5px);
+  }
+
+  .toggler:checked ~ .hamburger > .line:nth-child(1),
+  .toggler:checked ~ .hamburger > .line:nth-child(2),
+  .toggler:checked ~ .hamburger > .line:nth-child(3) {
+    width: 75%;
+    border-bottom: 3px solid #444445;
+    margin: 0;
+  }
+
+  .hamburger > .line {
+    visibility:hidden;
+    z-index: 2;
+    height: 4px;
+    width: 100%;
+    margin-bottom: 3px;
+    border-bottom: 5px solid #444445;
+  }
+}
 `;
 function NavigationSidebarView(props, children) {
   return (h("div", { class: "container", part: "sqm-base" },

package/dist/esm/sqm-navigation-sidebar.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { m as h, j as useState, f as useEffect } from './stencil-hooks.module-14b87f98.js';
 import { v as vn, O } from './index.module-c549b2c8.js';
-import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-414bcb19.js';
+import { N as NavigationSidebarView } from './sqm-navigation-sidebar-view-0c245f7d.js';
 
 const NavigationSidebar = class {
   constructor(hostRef) {

package/dist/esm/sqm-password-field.entry.js

@@ -469,15 +469,15 @@ const style$1 = {
   },
   ErrorStyle: ErrorStyles,
 };
-const vanillaStyle = `
-:host {
-  margin: 0 auto;
-  width: 100%;
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  margin: 0 auto;
+  width: 100%;
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet$1 = createStyleSheet(style$1);
 const styleString$1 = sheet$1.toString();

package/dist/esm/{sqm-portal-container-view-ab89c6cc.js → sqm-portal-container-view-b7b10841.js}

@@ -39,10 +39,10 @@ function PortalContainerView(props, children) {
       backgroundColor: props.backgroundColor || "transparent",
     },
   };
-  const vanillaStyle = `
-  :host{
-    width: 100%;
-    display: block;
+  const vanillaStyle = `
+  :host{
+    width: 100%;
+    display: block;
   }`;
   const sheet = createStyleSheet(style);
   const styleString = sheet.toString();

package/dist/esm/{sqm-portal-email-verification-view-0d4ef9ae.js → sqm-portal-email-verification-view-9c0dfbf4.js}

@@ -1,8 +1,8 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-8c190dcb.js';
+import { i as intl } from './global-85c8c43e.js';
 import { A as AuthWrapper, a as AuthColumn } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
+import { T as TextSpanView } from './sqm-text-span-view-1eaedc4d.js';
 
 const style = {
   Wrapper: AuthWrapper,
@@ -27,13 +27,13 @@ const style = {
     },
   },
 };
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();

package/dist/esm/sqm-portal-email-verification.entry.js

@@ -1,12 +1,12 @@
 import { r as registerInstance, h as h$1 } from './index-17b4da69.js';
 import { j as useState, k as useRef, f as useEffect, m as h } from './stencil-hooks.module-14b87f98.js';
-import './global-8c190dcb.js';
+import './global-85c8c43e.js';
 import { o as on, K as Ke, L, p as pn, f as useCallback, i as isDemo } from './index.module-c549b2c8.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
-import './sqm-text-span-view-8d140661.js';
-import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-0d4ef9ae.js';
+import './sqm-text-span-view-1eaedc4d.js';
+import { P as PortalEmailVerificationView } from './sqm-portal-email-verification-view-9c0dfbf4.js';
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/esm/{sqm-portal-forgot-password-view-41afcace.js → sqm-portal-forgot-password-view-ffe81d83.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
 import { A as AuthWrapper, a as AuthColumn, b as AuthButtonsContainer } from './mixins-f60a614c.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
+import { T as TextSpanView } from './sqm-text-span-view-1eaedc4d.js';
 
 const style = {
   Wrapper: AuthWrapper,
@@ -12,13 +12,13 @@ const style = {
     width: "25%",
   },
 };
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet = createStyleSheet(style);
 const styleString = sheet.toString();

package/dist/esm/sqm-portal-forgot-password.entry.js

@@ -5,8 +5,8 @@ import { j as jsonpointer } from './jsonpointer-388a7082.js';
 import { c as cjs } from './cjs-bdfb4486.js';
 import './mixins-f60a614c.js';
 import './JSS-67b5cff8.js';
-import './sqm-text-span-view-8d140661.js';
-import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-41afcace.js';
+import './sqm-text-span-view-1eaedc4d.js';
+import { P as PortalForgotPasswordView } from './sqm-portal-forgot-password-view-ffe81d83.js';
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;

package/dist/esm/{sqm-portal-profile-view-afd7c95f.js → sqm-portal-profile-view-1e3100d7.js}

@@ -1,7 +1,7 @@
 import { h } from './index-17b4da69.js';
-import { i as intl } from './global-8c190dcb.js';
+import { i as intl } from './global-85c8c43e.js';
 import { c as createStyleSheet } from './JSS-67b5cff8.js';
-import { T as TextSpanView } from './sqm-text-span-view-8d140661.js';
+import { T as TextSpanView } from './sqm-text-span-view-1eaedc4d.js';
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;