@saasquatch/mint-components 1.6.11-0 → 1.6.12

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

@@ -6,7 +6,7 @@ const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
 const JSS = require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmPortalContainerView = require('./sqm-portal-container-view-5fb2ad49.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-3ebf55a7.js');
 
 function EmptyStateView(props) {
   const { emptyStateHeader, emptyStateImage, emptyStateText } = props;
@@ -45,10 +45,10 @@ function ImageView(props) {
   };
   const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
-  const vanillaStyle = `
-    :host{
-      display: block;   
-    }
+  const vanillaStyle = `
+    :host{
+      display: block;   
+    }
   `;
   return (index.h("div", null,
     index.h("style", { type: "text/css" },
@@ -118,52 +118,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/cjs/sqm-instant-access-registration.cjs.entry.js

@@ -9,7 +9,7 @@ require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
-const emailRegistrationView = require('./email-registration-view-f347daa7.js');
+const emailRegistrationView = require('./email-registration-view-eb20682a.js');
 require('./useRegistrationFormState-7e9641c4.js');
 const useInstantAccessRegistration = require('./useInstantAccessRegistration-db197b63.js');
 

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

@@ -4,23 +4,23 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-const global = require('./global-82e6147c.js');
+const global = require('./global-dc823c81.js');
 const index_module = require('./index.module-ccd9cbad.js');
 const cjs = require('./cjs-1066ec21.js');
 const sqmLeaderboardRankView = require('./sqm-leaderboard-rank-view-5a3d4a88.js');
 
-const GET_RANK = index_module.dist.gql `
-  query ($type: String!, $filter: UserLeaderboardFilterInput) {
-    viewer {
-      ... on User {
-        leaderboardRank(type: $type, filter: $filter) {
-          rowNumber
-          rank
-          denseRank
-        }
-      }
-    }
-  }
+const GET_RANK = index_module.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/cjs/{sqm-logout-current-user-view-555c7729.js → sqm-logout-current-user-view-0d0ec11e.js}

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

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

@@ -8,7 +8,7 @@ const index_module = require('./index.module-ccd9cbad.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-555c7729.js');
+const sqmLogoutCurrentUserView = require('./sqm-logout-current-user-view-0d0ec11e.js');
 
 function useLogoutCurrentUser(props) {
   var _a;

package/dist/cjs/{sqm-navigation-sidebar-view-dd53f947.js → sqm-navigation-sidebar-view-3898b50b.js}

@@ -2,147 +2,147 @@
 
 const index = require('./index-b0129cd6.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 (index.h("div", { class: "container", part: "sqm-base" },

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
 const index_module = require('./index.module-ccd9cbad.js');
-const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-dd53f947.js');
+const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-3898b50b.js');
 
 const NavigationSidebar = class {
   constructor(hostRef) {

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

@@ -473,15 +473,15 @@ const style$1 = {
   },
   ErrorStyle: mixins.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 = JSS.createStyleSheet(style$1);
 const styleString$1 = sheet$1.toString();

package/dist/cjs/{sqm-portal-container-view-5fb2ad49.js → sqm-portal-container-view-3ebf55a7.js}

@@ -41,10 +41,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 = JSS.createStyleSheet(style);
   const styleString = sheet.toString();

package/dist/cjs/{sqm-portal-email-verification-view-a6a9a914.js → sqm-portal-email-verification-view-f99c965c.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-82e6147c.js');
+const global = require('./global-dc823c81.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
+const sqmTextSpanView = require('./sqm-text-span-view-8a7b98d0.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,
@@ -29,13 +29,13 @@ const style = {
     },
   },
 };
-const vanillaStyle = `
-:host {
-  display: block;
-}
-:host([hidden]): {
-  display: none;
-}
+const vanillaStyle = `
+:host {
+  display: block;
+}
+:host([hidden]): {
+  display: none;
+}
 `;
 const sheet = JSS.createStyleSheet(style);
 const styleString = sheet.toString();

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

@@ -4,13 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./global-82e6147c.js');
+require('./global-dc823c81.js');
 const index_module = require('./index.module-ccd9cbad.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-e1cd9bd3.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-a6a9a914.js');
+require('./sqm-text-span-view-8a7b98d0.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-f99c965c.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/cjs/{sqm-portal-forgot-password-view-0142350f.js → sqm-portal-forgot-password-view-93da1161.js}

@@ -3,7 +3,7 @@
 const index = require('./index-b0129cd6.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
+const sqmTextSpanView = require('./sqm-text-span-view-8a7b98d0.js');
 
 const style = {
   Wrapper: mixins.AuthWrapper,
@@ -14,13 +14,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 = JSS.createStyleSheet(style);
 const styleString = sheet.toString();

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

@@ -9,8 +9,8 @@ const jsonpointer = require('./jsonpointer-11327262.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-e1cd9bd3.js');
-const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-0142350f.js');
+require('./sqm-text-span-view-8a7b98d0.js');
+const sqmPortalForgotPasswordView = require('./sqm-portal-forgot-password-view-93da1161.js');
 
 function usePortalForgotPassword(props) {
   var _a, _b, _c, _d, _e, _f, _g;

package/dist/cjs/{sqm-portal-profile-view-4e171de2.js → sqm-portal-profile-view-f45e3ea8.js}

@@ -1,9 +1,9 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-82e6147c.js');
+const global = require('./global-dc823c81.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-e1cd9bd3.js');
+const sqmTextSpanView = require('./sqm-text-span-view-8a7b98d0.js');
 
 function PortalProfileView(props) {
   var _a, _b, _c, _d, _e;