@saasquatch/mint-components 1.6.6 → 1.6.7-2

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-5beae29c.js');
+const sqmPortalContainerView = require('./sqm-portal-container-view-3215dce9.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" },
@@ -111,52 +111,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-hero-view-55ae68f9.js → sqm-hero-view-fcc0188c.js}

@@ -121,20 +121,20 @@ function HeroView(props) {
   };
   const sheet = JSS.createStyleSheet(style);
   const styleString = sheet.toString();
-  const vanillaStyle = `
-  :host{    
-    height: 100%;
-    display: contents;
-  }
-  sqm-hero{    
-    height: 100%;
-    display: contents;
-  }
-  img{
-      max-width: 100%;
-      height: auto;
-  }
-  
+  const vanillaStyle = `
+  :host{    
+    height: 100%;
+    display: contents;
+  }
+  sqm-hero{    
+    height: 100%;
+    display: contents;
+  }
+  img{
+      max-width: 100%;
+      height: auto;
+  }
+  
 `;
   // NOTE: Spacing on the columns is controlled on the slots itself. For example using inline styling
   return (index.h("div", { class: sheet.classes.Container },

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

@@ -7,7 +7,7 @@ const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
 require('./use-callback-86e9ac75.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmHeroView = require('./sqm-hero-view-55ae68f9.js');
+const sqmHeroView = require('./sqm-hero-view-fcc0188c.js');
 
 const Hero = class {
   constructor(hostRef) {

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

@@ -4,24 +4,24 @@ 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-0b8cbb00.js');
+const global = require('./global-67a37b3f.js');
 require('./use-callback-86e9ac75.js');
 const index_module = require('./index.module-c6626247.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-navigation-sidebar-view-4704aa73.js → sqm-navigation-sidebar-view-2da83d3b.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" },

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

@@ -6,7 +6,7 @@ const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
 require('./use-callback-86e9ac75.js');
 const index_module = require('./index.module-c6626247.js');
-const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-4704aa73.js');
+const sqmNavigationSidebarView = require('./sqm-navigation-sidebar-view-2da83d3b.js');
 
 const NavigationSidebar = class {
   constructor(hostRef) {

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

@@ -474,15 +474,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-5beae29c.js → sqm-portal-container-view-3215dce9.js}

@@ -40,10 +40,10 @@ function PortalContainerView(props, children) {
       justifyContent: props.justifyContent,
     },
   };
-  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-26c166dc.js → sqm-portal-email-verification-view-6f41962b.js}

@@ -1,10 +1,10 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-0b8cbb00.js');
+const global = require('./global-67a37b3f.js');
 const mixins = require('./mixins-fe9d4112.js');
 const JSS = require('./JSS-8503a151.js');
-const sqmTextSpanView = require('./sqm-text-span-view-c34577fa.js');
+const sqmTextSpanView = require('./sqm-text-span-view-1acdf7e9.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,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./global-0b8cbb00.js');
+require('./global-67a37b3f.js');
 const useCallback = require('./use-callback-86e9ac75.js');
 const index_module = require('./index.module-c6626247.js');
 const cjs = require('./cjs-1066ec21.js');
 require('./mixins-fe9d4112.js');
 require('./JSS-8503a151.js');
-require('./sqm-text-span-view-c34577fa.js');
-const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-26c166dc.js');
+require('./sqm-text-span-view-1acdf7e9.js');
+const sqmPortalEmailVerificationView = require('./sqm-portal-email-verification-view-6f41962b.js');
 
 function usePortalEmailVerification(props) {
   var _a, _b, _c, _d, _e, _f, _g, _h, _j;

package/dist/cjs/{sqm-portal-footer-view-c249df2d.js → sqm-portal-footer-view-349373b2.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const index = require('./index-b0129cd6.js');
-const global = require('./global-0b8cbb00.js');
+const global = require('./global-67a37b3f.js');
 const JSS = require('./JSS-8503a151.js');
 
 function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {
@@ -15,16 +15,16 @@ function PoweredByImg({ color = "#A6A6A6", width = 190, height = 29, }) {
         index.h("rect", { width: "14", height: "16", fill: "white", transform: "translate(59.5 1)" })))));
 }
 
-const vanillaStyle = `
-  :host{
-    margin: 0 auto;
-    width: 100%;
-  }
-  a{
-    cursor:pointer;
-    color: inherit;
-    text-decoration: none;
-  }
+const vanillaStyle = `
+  :host{
+    margin: 0 auto;
+    width: 100%;
+  }
+  a{
+    cursor:pointer;
+    color: inherit;
+    text-decoration: none;
+  }
 `;
 function PortalFooterView(props) {
   const style = {

package/dist/cjs/sqm-portal-footer.cjs.entry.js

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-b0129cd6.js');
 const stencilHooks_module = require('./stencil-hooks.module-e4bf7f2d.js');
-require('./global-0b8cbb00.js');
+require('./global-67a37b3f.js');
 require('./use-callback-86e9ac75.js');
 require('./index.module-c6626247.js');
 require('./JSS-8503a151.js');
 const utils = require('./utils-6847bc06.js');
-const sqmPortalFooterView = require('./sqm-portal-footer-view-c249df2d.js');
+const sqmPortalFooterView = require('./sqm-portal-footer-view-349373b2.js');
 
 const PortalFooter = class {
   constructor(hostRef) {

package/dist/cjs/{sqm-portal-forgot-password-view-235733ea.js → sqm-portal-forgot-password-view-a3573ade.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-c34577fa.js');
+const sqmTextSpanView = require('./sqm-text-span-view-1acdf7e9.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();